@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'komika_display_tightregular';
    src: url('../fonts/kmkdspt_-webfont.eot');
    src: url('../fonts/kmkdspt_-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/kmkdspt_-webfont.woff') format('woff'),
         url('../fonts/kmkdspt_-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'GeosansLightRegular';
    src: url('../fonts/geosanslight-webfont.eot');
    src: url('../fonts/geosanslight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/geosanslight-webfont.woff') format('woff'),
         url('../fonts/geosanslight-webfont.ttf') format('truetype'),
         url('../fonts/geosanslight-webfont.svg#GeosansLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


html {
	font-size:100%;
	margin:0 auto;	
}

body {
	font-size:1.0em;
	margin:0 auto;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
}

p {
	margin: 0;
}

#conteneurGlobal {
	width:100%;
	margin:0 auto;
}

#conteneurBandeauEntete {
	width:100%;
	height:214px;
	background:#656565;
	border-bottom:5px solid #dddddd;
}
#conteneurBandeOutilsAccueil {
	width:100%;
	height:250px;
	background:#656565;
}
#conteneurPhotoEnteteAccueil {
	width:100%;
	height:700px;
	background:#000000 url(../images/photo-entete-accueil.jpg) no-repeat top center;
}
#conteneurLogotype {
	position:absolute;
	width:300px;
	height:150px;
	top:40px;
	left:50%;
	margin-left:-610px;
	padding:15px 0 0 0;
	z-index:11;
}
#outils3liens {
	position:absolute;
	top:760px;
	left:50%;
	margin-left:-490px;
	width:980px;
	height:360px;	
}


#conteneurLiensOutils {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background: url(../images/texture-bande-haut.png) repeat-x top left;
	height:44px;
	z-index:20;
}




.jingoo {
	width:450px;
	height:20px;
	margin:0;
	padding:4px 0 0 0 ;
}
.inputJingoo {
	background:#666666;
	color:#cccccc;
	border:1px solid #666666;
	font-size:11px;
}
.lienJingoo {
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	font-size:0.7em;
	padding:0 5px 0 5px;
	text-transform:uppercase;
}

.submit input { 
    width: auto; 
    padding: 2px 4px;
    background: #666666; 
    border: 0; 
    font-size: 11px; 
    color: #cccccc; 
}
.champJingooPage {
	background:#cccccc;
	border:1px solid #cccccc;
	color:#666666;
	font-size:14px;
}

.boutonJingoo input { 
    width: 100%; 
    padding: 2px 4px;
    background: #cccccc; 
    border: 0; 
    font-size: 14px; 
    color: #666666; 
}

#ajaxField {
	width:100%;
	margin:0 auto;
	background:#ffffff;
}

.shadow {
	box-shadow:3px 3px 15px #666666;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=5);
}



.separation {clear:both;margin:0;padding:0;height:0;}
.separationH20 {clear:both;margin:0 0 20px 0;padding:0;height:0;}
.separationH30 {clear:both;margin:0 0 30px 0;}
.separationH40 {clear:both;margin:0 0 40px 0;}
.separationH60 {clear:both;margin:0 0 60px 0;}
.separationH80 {clear:both;margin:0 0 80px 0;}
.separationH100 {clear:both;margin:0 0 100px 0;}
.separationH120 {clear:both;margin:0 0 120px 0;}
.separationH160 {clear:both;margin:0 0 160px 0;}

.blocClear {
	clear:both;
	height:0;
}


/* ================= NAVIGATION ================ */
#conteneurNavigation {
	position:absolute;
	top:34px;
	z-index:10;
	left:50%;
	margin-left:-450px;
	width:860px;
	height:140px;
}

.boutonNavigation {
	float:right;
	display:inline-block;
	*display:inline;
	*zoom:1;
	min-width:100px;
	*width:100px;
	font-style:normal;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	text-transform:uppercase;
	text-align:center;
	height:40px;
	padding:0 5px 0 5px;
}

.boutonsInactifs a {
	display:block;
	height:40px;
	padding:100px 10px 0px 10px;
	color:#bbbbbb;
	text-decoration:none;
	
	-webkit-transition-property: color, opacity, size;
	-moz-transition-property: color, opacity;
	transition-property: color, opacity;
	
	-webkit-transition-duration: 300ms;
	-moz-transition-duration: 300ms;
	transition-duration: 300ms;
	
	-webkit-transition-timing-function: ease;
	-moz-transition-timing-function: ease;
	transition-timing-function: ease;
}
.boutonsInactifs a:hover {
	color:#ffffff;
}

.boutonActif a {
	background:#ffbb00;
	display:block;
	color:#000000;
	height:40px;
	padding:100px 10px 0px 10px;
	*padding:100px 10px 20px 10px;
}
.boutonActif a:hover {color:#000000;}

	


/* ========================= CONTENU =========================== */
#contenu {
	width:100%;
	margin:0 auto;
}

.conteneurLigneNormale {
	clear:both;
	width:1200px;
	margin:0 auto;
}
.conteneurLigneLarge {
	clear:both;
	width:100%;
	margin:0 auto;
}

h1 {
	font-family: 'GeosansLightRegular';
	color:#666666;
	font-size:5.0em;
	font-weight:normal;
	font-style:normal;
	text-transform:uppercase;
	padding:30px 10px 0px 0;
	margin:0;
}
h2 {
	font-family: 'GeosansLightRegular';
	color:#666666;
	font-size:4.0em;
	font-weight:normal;
	font-style:normal;
	text-transform:uppercase;
	padding:30px 10px 10px 0;
	margin:0;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:1.2em;
	text-transform:uppercase;
	margin:30px 0 5px 0;
}
.textePrincipal  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.0em;
	line-height:40px;
	color:#aaaaaa;
	font-weight:normal;
	padding-top:30px;
}
.textePrincipal a {color:#ffbb00;}
.textePrincipal a:hover {color:#cccccc;text-decoration:none;}

.liens a {color:#ffbb00;text-decoration:none;padding-left:12px;background:url(../images/puce-liens.gif) no-repeat top left;line-height:20px;text-transform:uppercase;}
.liens a:hover {color:#000000;}

.bordurePhoto {
	border:10px solid #666666;	
}




/* ========================= FOOTER =========================== */


#conteneurFooter {
	clear:both;
	width:100%;
	min-height:120px;
	margin:0 auto;
	padding:0;
	background:#2e2e2e;
}
#footer {
	width:1240px;
	margin:0 auto;
}



.adresse {
	color:#cccccc;
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.8em;
	line-height:1.5em;
}

.adresse p {
	margin:0;
	padding:0;
}

.adresse a {color:#cccccc;}
.adresse a:hover {color:#ffbb00;text-decoration:none;}


.credits {
	color:#999;
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.7em;
}

.credits a {color:#bbb;}
.credits a:hover {color:#fff;text-decoration:none;}


.mentionsLegalesTexte  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.0em;
	line-height:24px;
	color:#aaaaaa;
	font-weight:normal;
	padding-top:30px;
}
.mentionsLegalesTexte a {color:#ffbb00;}
.mentionsLegalesTexte a:hover {color:#cccccc;text-decoration:none;}

.blockText {
	float:left;
	width:230px;
	height:160px;
	background:#cccccc;
}

.blockText .title {
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:1.8em;
	font-style:normal;
	font-weight:bold;
	padding:15px 0 0 15px;
	text-transform:uppercase;
}
.blockText .text {
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:0.9em;
	font-style:normal;
	font-weight:normal;
	padding:5px 15px 0 15px;
	line-height:22px;
}

.blockPicture {
	float:left;
	width:230px;
	height:150px;
	background:#ffffff;
}

.ml-20 {
	margin-left: 20px;
}

.pl-30 {
	padding-left: 30px;
}

.pt-0 {
	padding-top: 0;
}