/* --- STYLES DE BASE --- */ 

html {
	font-size: 100%; /* Évite un bug d'IE 6-7. */ 
} 
body { 
	margin : 0;
	padding: 0em;
	font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size: .8em; /* À adapter pour la police choisie. */ 
	line-height: 1.4; /* À adapter au design. */ 
}++-


h1, h2, h3, h4, h5, h6 { 
	margin: 0 0 .5em 0; /* Rapproche le titre du texte. */ 
	line-height: 1.2; 
	font-weight: bold; /* Valeur par défaut. */ 
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	margin : 0;
} 
h1 { 
	font-size: 2em;
	font-family:"JosefinSansStd-Light";
	
} 
h2 { 
	font-size: 1.75em; 
	font-family:"JosefinSansStd-Light";
} 
h3 { 
	font-size: 22px; 
	font-family:"JosefinSansStd-Light";
} 
h4 { 
	font-size: 1.2em; 
	font-family:"JosefinSansStd-Light";
} 
ul, ol { 
	margin: 0; 
	padding: 0; 
} 
p { 
	margin: .75em 0; /* Marges plus faibles que par défaut. */ 
} 
address { 
	margin: .75em 0; 
	font-style: normal; 
} 
a { 
	text-decoration: underline; 
} 
a:link { 
	color: #11C; 
} 
a:visited { 
	color: #339; 
} 
a:hover, a:focus, a:active { 
	color: #00F; 
} 
a img {
  border: none; /* Pas de bordure autour des images dans les liens */ 
}
em { 
  font-style: italic; 
}
strong { 
  font-weight: bold; 
} 
form, fieldset { 
  margin: 0; 
  padding: 0; 
  border: none; 
} 
input, button, select { 
  vertical-align: middle; /* Solution pb. d'alignement. (9) */ 
}

.mail:after {
content: " info@internet-lyon.fr";
}

h1 {  }

@font-face {font-family:"eurofurence_regular";src:url("fonts/eurof55.eot?") format("eot"),url("fonts/eurof55.woff") format("woff"),url("fonts/eurof55.ttf") format("truetype"),url("fonts/eurof55.svg#Eurofurenceregular") format("svg");font-weight:normal;font-style:normal;}


@font-face {font-family:"JosefinSansStd-Light";src:url("fonts/JosefinSansStd-Light/JosefinSansStd-Light.eot?") format("eot"),url("fonts/JosefinSansStd-Light/JosefinSansStd-Light.woff") format("woff"),url("fonts/JosefinSansStd-Light/JosefinSansStd-Light.ttf") format("truetype"),url("fonts/JosefinSansStd-Light/JosefinSansStd-Light.svg#JosefinSansStd-Light") format("svg");font-weight:normal;font-style:normal;}

/* --- FIN STYLES DE BASE --- */

.pagecontact #corps{
	background-image	: url('image/contact2.png');
	background-position	: bottom right;
	background-repeat	: no-repeat;
}

.pageequipe #employe h2{
	color	: #AA930A;
}

.pagereferences #corps #middle, .pagereferences #corps #right{
	border-left-width: 1px;
	border-left-style: dashed;
}

/* Couleur OR - Autre Rubrique */
.or,body#or #corps, body#or #corps #droite,.pagereferences #corps #middle,.pagereferences #corps #right{
	border-color	: #AA930A;
	border-left-color	: #AA930A;
}
body#or #corps a, body#or #corps h1.titre{
	color	: #AA930A;
}
body#or #corps ul {
	list-style-image	: url('image/puce-or.png');
	
}
.space {
height	: 500px;
}
/* Fin OR */




/*Couleur Jaune - Création Refonte*/

#carousel h5 {
	margin-top : 0;}
#carousel p {
	margin-top : -20px;
	width : 100%;}
	
body#jaune #menu-v .rubrique.jaune{
	width	: 270px;
}
body#jaune #corps, body#jaune #corps #droite, .jaune{
	border-color	: #F1E933;
	border-left-color	: #F1E933;
}

body#jaune #corps{
	background-image	: url('image/creation-refonte.png');
	background-position	: bottom right;
	background-repeat	: no-repeat;
}
.rubrique.jaune{
	background-image	: url('image/carre-jaune.png');
}
body#jaune #corps a, body#jaune #corps h1.titre, .jaune a, .jaune{
	color	: #F1E933;
}
.jaune a{
	color	: #868227; 
}
body#jaune #menu-v .rubrique.jaune{
	width	: 270px;
}
body#jaune #corps ul {
	list-style-image	: url('image/puce-jaune.png');
}
/* Fin Jaune */




/*Couleur Orange - Print*/
body#orange #menu-v .rubrique.orange{
	width	: 270px;
}
body#orange #corps, body#orange #corps #droite, .orange{
	border-color	: #F7931E;
	border-left-color	: #F7931E;
}

body#orange #corps{
	background-image	: url('image/print.png');
	background-position	: bottom right;
	background-repeat	: no-repeat;
}

.rubrique.orange{
	background-image	: url('image/carre-orange.png');
}
body#orange #corps a, body#orange #corps h1.titre, .orange{
	color	: #F7931E;
}
.orange a{
	color	: #89571c;
}
body#orange #menu-v .rubrique.orange{
	width	: 270px;
}
body#orange #corps ul {
	list-style-image	: url('image/puce-orange.png');
}
/* Fin Orange */




/*Couleur Vert - Référencement*/
body#vert #menu-v .rubrique.vert{
	width	: 270px;
}
body#vert #corps, body#vert #corps #droite, .vert{
	border-color	: #A2C13A;
	border-left-color	: #A2C13A;
}
body#vert #corps{
	background-image	: url('image/referencement.png');
	background-position	: bottom right;
	background-repeat	: no-repeat;
}
.rubrique.vert{
	background-image	: url('image/carre-vert.png');
}
body#vert #corps a, body#vert #corps h1.titre, .vert{
	color	: #A2C13A;
}
.vert a{
	color	: #5e6e2a;
}
body#vert #menu-v .rubrique.vert{
	width	: 270px;
}
body#vert #corps ul {
	list-style-image	: url('image/puce-vert.png');
}
/* Fin Vert */




/*Couleur Bleu - Com*/
body#bleu #menu-v .rubrique.bleu{
	width	: 270px;
}
body#bleu #corps, body#bleu #corps #droite, .bleu{
	border-color	: #24A5BB;
	border-left-color	: #24A5BB;
}
body#bleu #corps{
	background-image	: url('image/communication.png');
	background-position	: bottom right;
	background-repeat	: no-repeat;
}
.rubrique.bleu{
	background-image	: url('image/carre-bleu.png');
}
body#bleu #corps a, body#bleu #corps h1.titre, .bleu{
	color	: #24A5BB;
}
.bleu a{
	color	: #1f606b;
}
body#bleu #menu-v .rubrique.bleu{
	width	: 270px;
}
body#bleu #corps ul {
	list-style-image	: url('image/puce-bleu.png');
}
/* Fin Bleu */




/*Couleur Rose - Mobile Marketing*/
body#rose #menu-v .rubrique.rose{
	width	: 270px;
}
body#rose #corps, body#rose #corps #droite, .rose{
	border-color	: #A21363;
	border-left-color	: #A21363;
}
body#rose #corps{
	background-image	: url('image/mobile.png');
	background-position	: bottom right;
	background-repeat	: no-repeat;
}
.rubrique.rose{
	background-image	: url('image/carre-rose.png');
}
body#rose #corps a, body#rose #corps h1.titre, .rose{
	color	: #ed158c;
}
.rose a{
	color	: #A21363;
}
body#rose #menu-v .rubrique.rose{
	width	: 270px;
}
body#rose #corps ul {
	list-style-image	: url('image/puce-rose.png');
}
/* Fin Rose */


body {
	background-color	: #2A2A2A;
	color				: #FFFFFF;
	background-image	: url('image/fond.png');
	background-repeat	: repeat-y;
	background-position	: top center;
}

#bandeau {
	background-image	: url('image/bandeau.png');
	background-repeat	: repeat-x;
}

#header {
	width				: 1000px;
	margin-left			: auto;
	margin-right		: auto;
	
}
	#header #ddd {
		position	: relative;
		left		: 340px;
		top			: -50px;
	}

#menu-h1 {
	background-image	: url('image/barre-menu.png');
	background-position	: top center;
	background-repeat	: repeat-x;
	color				: #FFFFFF;
}

#menu-haut {
	width				: 1000px;
	margin-left			: auto;
	margin-right		: auto;
}

	#menu-h1 ul {
		list-style-type		: none;
		background-image	: url('image/barre-menu2.png');
		background-position	: top center;
		background-repeat	: no-repeat;
		height	: 20px;
		padding-left		: 420px;
	}
	#menu-h1 li {
		display		: inline-block;
		margin		: 0px;
		padding		: 0px;
		width		: 130px;
		height		: 50px;
		text-align	: center;
		float /*\**/: left\9; /*HACK CSS IE 8*/
		}

	#menu-h1 li#onglet {
		background-image	: url('image/onglet.png');
		background-position	: top center;
		background-repeat	: no-repeat;
	}
	#menu-h1 a {
		text-decoration	: none;
		color			: #FFFFFF;
		font-size		: 20px;
		font-weight		: bold;
		font-style		: normal;
		font-family: 'JosefinSansStd-Light';
		
	}

#haut {
	height	: 300px;
}

#haut, #page, #bas {
	width			: 1000px;
	margin-left		: auto;
	margin-right	: auto;
	position:relative;
	
}

#page {
	background-image	: url('image/fils-gauche.png');
	background-repeat	: no-repeat;
}

#telephone {
	position	: absolute;
	top			: -45px;
	left		: 100px;
	width		: 340px;
}

#flash {
	position	: absolute;
	top			: 90px;
	left		: -5px;
}

#menu-v {
	float		: left;
	position	: relative;
	width		: 270px;
	height		: 100%;
	left		: 0px;
}
	#menu-v ul {
		list-style-type	: none;
		font-style		: regular;
		padding-left	: 5px;
	}
	#menu-v a {
		text-decoration	: none;
	}
	
	#menu-v a:hover {
		text-decoration	: underline;
	}
	
	#menu-v .rubrique {
		float				: left;
		position			: relative;
		left				: 50px;
		height				: 160px;
		padding				: 10px 0px 0px 0px;
		border-width		: 8px 0px 0px 0px;
		border-style		: solid;
		background-repeat	: no-repeat;
		background-position	: left bottom;
		width				: 250px;
	}
	

	#menu-v .rubrique h3{
		margin	: 5px;
		font-style	: normal;
	}

#corps {
	color		: #AAAAAA;
	width		: 570px;
	margin-left	: 320px;
	padding		: 10px;
	border-style: solid;
	border-width: 10px;
	min-height	: 850px;
	position	: relative;
}
	#corps #carousel h5 {
		font-size	: 18px;
		padding		: 10px 10px 10px 0;
		
	}
	
	#corps #carousel p {
		color	: #615749;
		text-align	: justify;
		width : 90%;
			}
	#corps h1.titre {
		x		: bold;
		background-color	: #3A3A3A;
		padding				: 5px 5px 5px 10px;
		margin-top : 0px;
	}
	#corps h1.titre:after {
		content	: url('image/carre-titre.png');
	}
	#corps p {
	text-align	: justify;
	}
		#corps p a{
			text-decoration	: none;
	}
			#corps p a strong, #corps ul li a strong{ 
		  font-weight: normal; 
		} 
	#corps a {
		color			: #AAAAAA;
		text-decoration	: none;
	}
	#corps ul {
		margin-left			: 20px;
	}
	#corps #gauche {
	width	: 270px;
	float	: left;
	padding	: 5px;
	}
	#corps #droite {
	margin-left	: 285px;
	width	: 270px;
	padding	: 5px;
	height	: 100%;
	border-left-style	: dashed;
	border-left-width	: 1px;
	}
	#corps #contact {
	text-align	: center;
	}
		#corps #contact #tel {
			padding				: 0px 10px 0px 10px;
			background-image	: url('image/num.png');
			color				: #FFFFFF;
		}

#television {
	position			: absolute;
	bottom				: -100px;
	right				: 10px;
	z-index				: 2;
	width				: 300px;
	height				: 510px;
	background-image	: url('image/television.png');
	background-repeat	: no-repeat;
}

#tv {
	position	: relative;
	top			: 225px;
	left		: 70px;
}

#fils {
	position			: relative;
	width				: 100%;
	height				: 80px;
	background-image	: url('image/fils-bas.png');
	background-repeat	: no-repeat;
	z-index				: 3;
}

#menu-h2 {
	clear	: both;
}
	#menu-h2 h4 {
		font-weight			: bold;
		background-color	: #3A3A3A;
		padding				: 5px 2px 5px 10px;
		margin				: 0;
		font-family			: "eurofurence_regular";
	}
	#menu-h2 ul {
		list-style-type	: none;
		padding			: 5px;
	}
	#menu-h2 li {
		font-size: 9px;
	}
	#menu-h2 a {
		text-decoration	: none;
	}
	.mini-rubrique {
		width				: 170px;
		height				: 115px;
		margin				: 10px;
		padding				: 0;
		float				: left;
		background-color	: #1F1F1F;
		
	}

#footer {
	color				: #FFFFFF;
	clear				: both;
	width				: 850px;
	margin-left			: auto;
	margin-right		: auto;
	margin-bottom		: 20px;
	margin-top			: 20px;
	background-color	: #1f1f1f;
}
	#footer ul {
		margin-left			: 80px;
		list-style-type		: none;
		background-color	: #1F1F1F;
	}
	#footer li {
		display			: inline-block;
		font-size		: 10px;
		margin-left		: 20px;
		float /*\**/: left\9; /*HACK CSS IE 8*/
	}
	#footer ul li a {
		text-decoration	: none;
		color			: #FFFFFF;
	}
	
#underfooter {
	clear				: both;
	width				: 850px;
	margin-left			: auto;
	margin-right		: auto;
	margin-bottom		: 20px;
	margin-top			: 20px;
	font-size			: 10px;
	color				: #4F4F4F;
}
	#underfooter ul {
		margin-left			: 10px;
		list-style-type		: none;
	}
	#underfooter li {
		display			: inline-block;
		font-size		: 10px;
		margin-left		: 15px;
		margin-bottom	: 10px;
		float /*\**/: left\9; /*HACK CSS IE 8*/
	}
	#underfooter ul li a {
		text-decoration	: none;
		color			: #4F4F4F;
	}
	
/* Contact */

#contact_form li.submit{
	float		: right;
	clear		: both;
	margin		: 1em 0;
	width		: 86px;
	height		: 22px;
	position	: relative;
	overflow	: hidden;
	padding		: 0;
	border		: none;
}

#contact_form ol{
	margin				: 0;
	padding				: 0;
	list-style-image	: none;
	list-style	: none;
}

#contact_form li{
	border-bottom		: 1px dashed #333;
	padding				: .7em 0 1.5em 0;
	position			: relative;
	height				: 1%;
}

#contact_form li label{
	font-weight	: bold;
	color		: #DDD;
	float		: left;
	display		: block;
	width		: 200px;	
}

#contact_form li span.validation{
	float		: left;
	clear		: left;
	display		: block;
	width		: 200px;
	font-size	: 0.7em;
	color		:#666;
}

#contact_form li.telephone input, #contact_form li.socname input, #contact_form li.name input, #contact_form li.email input, #contact_form li.url input, #contact_form li select{
	width	: 240px;
	border	: 2px solid #AA930A;
}

#contact_form li.comments textarea{
	width	: 240px;
	height	: 150px;
	border	: 2px solid #AA930A;
}

/* Equipe */


#employe,#ref {
	width	: 149px;
	height	: 270px;
	margin	: 30px;
}
	#employe p{
		text-align	: center;
	}

.pageequipe #left, .pageequipe #right {
	margin-top: 0;
}

#left h2{
margin-top : 0;
	}

#left p{
margin-top : -20px;
text-align : left;
	}
	
#middle h2{
margin-top : 0;
	}

#middle p{
margin-top : -20px;
text-align: left;
	}
	
#right h2{
margin-top : 0;
	}

#right p{
margin-top : -20px;
text-align : left;
	}
	
#employe img {
	border	: 2px solid #AA930A;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
	}
	
#employe img:hover {
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
}
	
/* Equipe et references*/

#left, #middle, #right {
	width	: 179px;
	float	: left;
	
}
#ref {
	width	: 149px;
	height	: 150px;
	margin	: 20px;
}

#slidecontainer {
	width: 525px;
	min-height: 120px;
	margin: 0 auto;
	padding: 5px;
}
#slide a, #slide1 a, #slide2 a{
	color:#582828; 
	text-decoration:none;
	font-weight:bold;
}

#slide, #slide1, #slide2 {
	float:left;
	width:512px;
}
#slide1, #slide2{
	width:245px;
}

.Declencheur, .Declencheur1, .Declencheur2 {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight: normal !important;
}
.Declencheur:hover, .Declencheur1:hover, .Declencheur2:hover {
	cursor: pointer;
}
.Panneau, .Panneau1, .Panneau2 {
width:500px;
color:#582828;
border-left-style:dotted;
border-left-color:#FFFFFF;
border-width:1px;
background-color:#FFF;
/*
	 filter : alpha(opacity=70);
    -moz-opacity : 0.7;
    opacity : 0.7;
*/
margin: 0 auto 10 auto;
padding: 5px;
}

.Panneau1{
width:245px;
}

.Panneau2{
width:245px;
}
.Panneau ul, .Panneau1 ul, .Panneau2 ul{
	list-style: disc;
	margin: 5px 0 0 10px;
	padding: 0 0 0 10px;
}

/********************CAROUSSEL**************************************************/
#carrousel{
	background:url(images/caroussel.jpg) center top no-repeat;
    width:293px;/*-10px border de 5px*/
    height:291px;/*-10px border de 5px*/
    margin:0;
    position:relative;
    overflow:hidden;
}

.cslide{
    position:absolute;
    top:55px;
    left:28.5px;
	right:150px;
    width:236px;
    height:236px;
	margin:0 auto;
}

.title{
    position:absolute;
   /* padding-left:12px;*/
    width:293px;
	margin:0 auto;
    line-height:50px;
    height:50px;
    bottom:0px;
    left:-28.5px;
	font-size:18px;
	color:white;
	text-align: center;
	font-weight:bold;
}


.navigation{
    position:absolute;
    top:10px;
    right:5px;
	
	
}

.navigation span{
	width:17px;
	height:243px;
    background:url(img/bouton_blc.png) top center no-repeat;
   /* color:#FFF;*/
    padding:1px 7px;
    cursor:pointer;
    margin:0 5px;
	font-size:12px;
	font-weight:bold;
	color:white;
}

.navigation span:hover,.navigation span.active{
	width:30px;
    background:url(img/bouton_org.png) top center no-repeat;
	color:#E36926;
}
/********************FIN CAROUSSEL************************************************/