html{
	height:100%
}

body{
	margin:0;
	padding:0;
	background:#57351C url(../img/bg-terre.jpg) repeat-x top center;
	height:100%;
	font-family:Arial;
	font-size:12px
}
img{
	border:none
}
.nyroModalSize{
	font-weight:bold;
}
ul, li, p, h1, h2, h3, h4, form{ margin: 0; padding:0}
object, a{ outline:none }
a{
	text-decoration:none;
	color:#000000;
}
*html a{
	position:relative;
}
object{
	display:block;
}

#printfooter{
	display:none;
}
#printheader{
	display:none;
}

#page{
	position:relative;
	margin:auto;
	width:980px;
	min-height:100%;
	height:auto !important;
	height:100%;
	overflow:visible
}
/* =====  =====  =====  =====  ===== Header =====  =====  =====  =====  ===== */
#page #header{
	height:132px;
	background:url(../img/header.jpg) no-repeat top left;
	padding:0 0 55px 0;
}
#page #header #menu{
	position:absolute;
	left:220px;
	top:0px;
	width:655px;
	height:30px;
	padding:9px 0 0 0;
}
#page #header #menu ul {
	margin:0;
	padding:0;
	text-align:center
}
#page #header #menu ul li{
	list-style-type:none;
	margin:2px 0 0 0;
	padding:10px 0;
	display:inline;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	line-height:18px;
	background:url(../img/nav-separateur.gif) no-repeat center right;
	height:20px
}
#page #header #menu ul li a{
	margin:0 14px;
}
#page #header #menu ul li.first a{
	margin:0 14px 0 0;
}
#page #header #menu ul li.last{
	background:none
}
#page #header #menu ul li.last a{
	margin:0 0 0 14px;
}
#page #header #menu ul li a{ text-decoration:none }
#page #header #menu ul li a:hover{ text-decoration:underline }
#page #header #menu ul li a.preparer{ color:#745033 }
#page #header #menu ul li a.decouvrir{ color:#3A691B }
#page #header #menu ul li a.approfondir{ color:#C16B05 }
#page #header #menu ul li a.education{ color:#817E7E }
#page #header #menu ul li a.expo, #page #header #menu ul li a.mobile{ color:#5D7E04 }


#page #header #options{
	position:absolute;
	top:0px;
	right:0px;
	text-align:right;
	width:150px
}
#page #header #options a{
	color:#8B5F3F;
	text-decoration:none
}
#page #header #options .english{
	line-height:2em;
	color:#999999;
}
#page #header #options a:hover{
	text-decoration:underline
}
#page #header #options img{
	vertical-align:middle;
	display:inline
}

/* =====  =====  =====  =====  ===== Content =====  =====  =====  =====  ===== */
#page #content{
	width:980px;
}
#page #content .menu{
	float:left;
	width:210px;
	margin:50px 20px 100px 0;
}
#page #content .content{
	float:left;
	width:750px
}
#page #content .content ul.diaporama li{
	float:left;
	list-style-type:none;
	margin:5px 5px 0 0;
}
#page #content .content .puce, #page #content .content .texte .cinquante  .puce{
	margin:0;
	padding:0;
}
#page #content .menu ul{
	margin:0;
	padding:0
}
#page #content .menu ul li{
	margin:0;
	padding:0;
	list-style-type:none;
	line-height:30px;
	font-size:13px;
	font-weight:bold
	
}
#page #content .menu ul li ul {
	margin:0 0 25px 0;
}
#page #content .menu ul li ul li{
	border-bottom:1px dashed #A39E9A;
	font-weight:normal;
}
#page #content .menu ul li ul li.first{
	border-top:1px dashed #A39E9A;
}
#page #content .menu  a{
	color:#FFFFFF;
	text-decoration:none;
}
#page #content .menu  a:hover, #page #content .menu  a.active{ color:#96CD00 }
#page #content .menu ul li ul li a{
	padding:0 0 0 20px;
	background:url(../img/puce.gif) no-repeat center left
}
#page #content .menu ul li ul li a:hover, #page #content .menu ul li ul li a.active{ background:url(../img/puce_on.gif) no-repeat center left }

#page #content .content  .title img{
	width:62px;
	height:42px;
}
#page #content .content  .title img, #page #content .content  .title span{
	float:left;
	width:62px
}
#page #content .content  .title h1{
	float:left;
	width:670px;
	height:42px;
	margin:0;
	padding:0 0 0 18px;
	line-height:41px;
	background:url(../img/tetiere.png) no-repeat bottom right;
	color:#FAF2DD;
	font-weight:normal;
	font-size:24px;
}
#page #content .content  .texte{
	background:#FFFFFF url(../img/bg-content.jpg) repeat-x bottom left;
	padding:10px 0 80px 20px;
	height:auto !important;
}
#page #content .content  .texte .logopart{
	float:left;
	margin:10px 15px 5px 0;
}
#page #content .content  .texte .logopart img{
	display:block
}
#page #content .content  .texte .bgright{
	background:url(../img/bg-content-masque.png) no-repeat bottom left;
	padding:0 15px 0 15px;
	margin-top:10px;
}
#page #content .content  .texte .partenaires{
	text-align:left;
}
#page #content .content  .texte .partenaires img{
	margin:0 0 10px 10px;
}
#page #content #breadcrumb{
	margin:0 0 25px 0;
	position:relative;
}
#page #content #breadcrumb, #page #content #breadcrumb a{
	color:#CB6D08;
	font-size:11px;
	text-decoration:none
}
#page #content #breadcrumb a:hover{
	text-decoration:underline
}

#page #content .content  .texte h2{
	color:#96cd00;
	font-size:16px;
	text-transform:uppercase;
	margin:10px 0 0 0;
}
#page #content .content  .texte h3, #page #content .content  .texte h3 a{
	color:#96cd00;
	font-size:13px;
	margin:0
}
#page #content .content  .texte h4{
	color:#ff8a00;
	font-size:14px;
	margin:0 0 15px 0;
	background:url(../img/barre.gif) repeat-x bottom left;
	text-transform:uppercase;
}
#page #content .content  .texte h4 span{
	background:#FFFFFF;
	padding:0 10px 0 0;
	display:inline-block
}
#page #content .content  .texte .print{
	margin:8px 5px 0 5px;
	vertical-align:bottom
}
#page #content .content  .texte .mailto{
	margin:10px 20px 0 5px;
	vertical-align:bottom
}
#page #content .content  .texte  p{
	margin:10px 0;
	padding:0 20px 0 0;
	text-align:justify;
	line-height:1.5em
}

#page #content .content  .texte .deuxtiers ul li{
	padding:0 20px 5px 10px;
	text-align:justify;
	line-height:1.5em;
	background:url(../img/puceorange.gif) no-repeat left 5px;
	list-style-type:none;
}
#page #content .content  .texte  .cinquante p{
	padding:0;
	margin:15px 0 0 0;
}
#page #content .content  .texte  .cinquante img{
	margin:0 0 5px 0
}
#page #content .content  .texte  .untiers img{
	padding:0 0 10px 0
}

#page #content .content  .texte  .untiers p{
	text-align:left;
}

#page #content .content  .texte  .untiers img.puce{
	padding:0
}
#page #content .content  .texte  .untiers img.telephone{
	margin:5px 15px;
	width:160px;
	height:279px;
}
#page #content .content  .texte  p.intro{
	font-weight:bold
}

#page #content .content  div.ombre{
	margin:0 20px 0 0;
}
#page #content .content  .ombre p{
	text-align:center;
	font-weight:bold;
	font-style:italic;
	color:#FF0000;
}
/* =====  =====  =====  =====  ===== Footer =====  =====  =====  =====  ===== */
#page #footer{
	position:absolute;
	bottom:0;
	right:0;
	height:77px;
	margin:-77px 0 0 0;
	/*background:url(../img/bg-terrefooter.png) no-repeat bottom right*/
}
#page #footer #pelle{
	position:absolute;
	bottom:0px;
	right:0px;
	width:302px;
	height:613px;
	z-index:3
}
#page #footer .terrefooter{
	position:absolute;
	bottom:0px;
	right:0px;
	width:980px;
	height:77px;
	z-index:1
}
#page #footer .terrefooterright{
	position:absolute;
	right:-110px;
	bottom:0px;
	width:110px;
	height:51px;
	z-index:2
}
/* =====  =====  =====  =====  ===== Liens de la nav du bas =====  =====  =====  =====  ===== */
#links{
	position:relative;
	min-width:980px;
}
#links .links, #links .linksbg{
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:40px;
	text-align:center
}
#links .links{
	z-index:5
}
#links .links ul{
	text-align:center;
	width:100%
}
#links .links ul li{
	display:inline;
	list-style-type:none;
	padding:0 5px
}
#links .links ul li, #links .links ul li a{
	line-height:20px;
	color:#FFFFFF;
	font-size:11px;
	text-decoration:none
}
#links .links ul li a:hover{
	text-decoration:underline
}
#links .linksbg{
	background:#000000;
	opacity: .5;
	filter: alpha(opacity=50);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	z-index:4
}
#links .facebook{
	margin:0 0 0 5px;
}

#links .conteneur_minwidth_IE {
	display:block;
}
*html  #links {border-left:980px solid transparent;height:1px}
*html #links .conteneur_minwidth_IE {display:inline-block; position:relative; margin-left:-980px;}


/* =====  =====  =====  =====  ===== Classes génériques =====  =====  =====  =====  ===== */
.left{
	float:left
}
.right{
	float:right
}
.clear{
	clear:both;
	height:0px;
	font-size:1px;
	line-height:0
}
.center{
	text-align:center;
}
.deuxtiers{
	width:500px;
	position:relative;
	z-index:5;
}
.untiers{
	width:190px
}
.untierseducation{
	width:200px
}
.untiers li {
	background:url(../img/mini-fleche.gif) no-repeat 1px 2px;
	list-style:none;
	padding-bottom:15px;
	padding-left:25px;
	line-height:18px;
	font-size:12px;
}

.cinquante{
	width:345px;
	margin:10px 0 0
}
.separator{
	border-bottom:1px solid #b9b9b9;
	margin:5px 0
}
.separatordashed{
	border-bottom:1px dashed #b9b9b9;
	margin:5px 0
}
.orange{
	color:#dd6606
}
.paddingright{
	padding-right:15px;
}
.paddingleft{
	padding-left:15px;
}
.relative{
	position:relative;
}
.ombre{
	padding:0 0 14px 0;
	background:url(../img/ombre.png) no-repeat bottom center;
}
.nyroModal{
	position:relative
}
#nyroModalContent{
	position:relative;
	overflow:visible!important;
}
.vignette{
	padding-right:2px;
}

.orangelink {
	color:#DD6606;
	text-decoration:none;
}
.orangelink:hover{
	text-decoration:underline;
}