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

@import "/evoluty/tiny.css";


body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}


/*---GENERAL---*/
#site{
	position:relative;
	width:950px;
	margin:0 auto;
}

img{
	border:0;
}

a{
	text-decoration:none;
	color:#CCCCCC;
}

dl, dt, dd, ul, li{
	margin:0;
	padding:0;
}

hr{
	clear:both;
	color: #c8c8c8;
	background-color:#c8c8c8;
	height: 1px;
	border: 0;
	margin:0;
}




/*---HEADER---*/
#header{
	position:absolute;
	top:35px;
	width:950px;
	height:80px;
}

#header .logo{
	position:absolute;
	left:-10px;
	bottom:3px;
}

#header ul{
	position:absolute;
	bottom:5px;
	right:200px;
}

#header ul li{
	display:inline;
}

#header ul li a{
	padding:2px 7px;
	text-transform:uppercase;
	color:#8a8a8a;
	letter-spacing:1px;
}

#header ul li a:hover{
	color:#fb7e00;
}

#header ul li a.sel{
	color:#fb7e00;
	font-weight:bold;
}

#header form{
	position:absolute;
	bottom:5px;
	right:0;
}

#header form input{
	margin:3px 0 0 0;
	padding:2px;
	font-size:11px;
	color:#8a8a8a;
	border:1px solid #c8c8c8;
}

#header form #btnSea{
	margin:3px 0 0 0;
	padding:1px 2px;
	font-size:11px;
	border:1px solid #c8c8c8;
}

/*---MENULEFT---*/
#menuLeft{
	position:absolute;
	left:0;
	top:120px;
	width:156px;
	border-top:1px solid #c8c8c8;
	border-left:1px solid #c8c8c8;
}

#menuLeft dl{
	padding:0 0 5px 0;
	border-bottom:1px solid #c8c8c8;
}

#menuLeft dl dt{
	padding: 4px 2px 4px 15px;
	color:#003d7a;
	text-transform:uppercase;
	font-size:11px;
	border-bottom:1px solid #c8c8c8;
}


#menuLeft dl dd a{
	display:block;
	padding: 5px 2px 5px 15px;
	color:#8a8a8a;
}

#menuLeft dl dd a:hover{
	color:#fb7e00;
}

#menuLeft dl dd a.sel{
	background:url(../i/menuLeft-puce.gif) no-repeat 8px 8px;
	color:#fb7e00;
	font-weight:bold;
}

#menuLeft dl dd  a.img{
	padding: 5px 2px 5px 32px;
}
#menuLeft dl dd  a.consultant{background:url(../i/icon/consultant.gif) no-repeat 8px 2px;}
#menuLeft dl dd  a.consultant:hover{background:url(../i/icon/consultant_.gif) no-repeat 8px 2px;}

#menuLeft dl dd  a.skype{background:url(../i/icon/skype.gif) no-repeat 8px 2px;}

#menuLeft dl dd  a.rss{background:url(../i/icon/rss.gif) no-repeat 8px 2px;}
#menuLeft dl dd  a.rss:hover{background:url(../i/icon/rss_.gif) no-repeat 8px 2px;}

#menuLeft dl dd  a.recommander{background:url(../i/icon/recommander.gif) no-repeat 8px 2px;}
#menuLeft dl dd  a.recommander:hover{background:url(../i/icon/recommander_.gif) no-repeat 8px 2px;}


/*---MENURIGHT---*/
#menuRight{
	position:absolute;
	right:0;
	top:120px;
	width:200px;
	padding:0 0 20px 0;
	background:url(../i/menuRight-ul-bg.gif) no-repeat right bottom;
	border-right:1px solid #c8c8c8;
	border-bottom:1px solid #c8c8c8;
}

#menuRight h1{
	margin:2px 0;
	padding:0 0 0 15px;
	color:#fb7e00;
	font-size:14px;
	font-weight:bold;
	line-height:14px;
}

#menuRight h1 a{
	color:#fb7e00;
}

#menuRight h1 a:hover{
	color:#003d7e;
}

#menuRight h2{
	margin:0 0 10px 0;
	padding:0 0 0 15px;
	color:#8a8a8a;
	font-size:10px;
	font-weight:normal;
}
#menuRight h2 p{
	margin:0;
	padding:0 5px 0 0;
	text-align:justify;
}

#menuRight h5{
	margin:0;
	padding:10px 0 0 15px;
	color:#003d7a;
	font-size:12px;
	font-weight:bold;
	border-top:1px solid #c8c8c8;
}

#menuRight p{
	margin:3px 0 0 0;
	padding:0 0 0 15px;
}

#menuRight form{
	margin:3px 0 0 0;
	padding:0 0 10px 15px;
}

#menuRight form input{
	margin:3px 0 0 0;
	padding:2px;
	font-size:11px;
	color:#8a8a8a;
	border:1px solid #c8c8c8;
}

#menuRight form #btnNL{
	margin:3px 0 0 0;
	padding:1px 2px;
	font-size:11px;
	border:1px solid #c8c8c8;
}

#menuRight ul{
	list-style:none;
	margin:0 0 0 15px;
}

#menuRight ul li{
	list-style:none;
	background:url(../i/menuRight-puce.gif) no-repeat 2px 6px;
	padding:2px 2px 2px 10px;
	color:#003d7e;
	
}#menuRight ul li strong{
	font-weight:normal;
	color:#8a8a8a;
}#menuRight ul li a{
	font-weight:normal;
	color:#003d7e;
}


/*---CONTENT---*/
#content{
	position:absolute;
	top:120px;
	left:157px;
}

#contentHome{
	position:relative;
	width:590px;
	height:500px;
	padding:0 0 20px 0;
	background:url(../i/content-bgN1.gif) no-repeat right bottom;
	border:1px solid #c8c8c8;
}

#contentHome strong{
	color:#003d7e;
	font-size:12px;
}

#content i{
	color:#fe7c00;
}

#contentHome #texte{
	position:absolute;
	left:30px;
	top:320px;
	width:270px;
	color:#8a8a8a;
	text-align:justify;	
}
#contentHome #texte p{
	margin:4px 0;
}

#contentHome form{
	position:absolute;
	left:30px;
	top:450px;
	width:270px;
	color:#8a8a8a;
	text-align:justify;	
}

#contentHome form label{
	float:left;
	width:70px;
	padding:6px 7px 0 0;
}

#contentHome form input{
	margin:3px 0 0 0;
	padding:2px;
	font-size:11px;
	color:#8a8a8a;
	border:1px solid #c8c8c8;
}

#contentHome form #btnClient{
	margin:3px 0 0 0;
	padding:1px 2px;
	font-size:11px;
	border:1px solid #c8c8c8;
}

#contentHome p.adresse{
	position:absolute;
	left:340px;
	top:375px;
	width:250px;
	color:#003d7e;
}

#contentHome a{
	color:#003d7e;
}

#contentN1{
	position:relative;
	width:590px;
	min-height:500px;
	padding:0 0 10px 0;
	background:url(../i/content-bgN1.gif) no-repeat right bottom;
	border:1px solid #c8c8c8;
}

#contentN1 a.thick{
	position:absolute;
	right:55px;
	top:130px;
	background:url(../i/icon/thick.gif) no-repeat;
}
#contentN1 a.thick:hover{
	background:url(../i/icon/thick_.gif) no-repeat;
}
#contentN1 a.thick img{
	width:90px;
	height:24px;
}

#contentN1 a.print{
	position:absolute;
	right:10px;
	top:130px;
	background:url(../i/icon/print.gif) no-repeat;
}
#contentN1 a.print:hover{
	background:url(../i/icon/print_.gif) no-repeat;
}
#contentN1 a.print img{
	width:25px;
}

#contentN1 h1{
	float:left;
	margin:25px 0 0 0;
	padding:0;
	font-size:16px;
	font-weight:bold;
	color:#fb7e00;
}

#contentN1 h2{
	float:left;
	width:145px;
	margin:25px 10px 0 0;
	padding:0;
	font-size:16px;
	font-weight:bold;
	color:#8a8a8a;
	text-align:right;
}

#contentN1 dl{
	clear:both;
	padding:0 0 20px 157px;
}

#contentN1 dl dt{
	padding:10px 0 0 0;
	color:#003d7e;
	font-weight:bold;
}
#contentN1 dl dt a{
	padding:8px 0 0 10px;
	background:url(../i/menuRight-puce.gif) no-repeat 0 12px;
	color:#003d7e;
}
#contentN1 dl dt a:hover{
	color:#fb7e00;
}

#contentN1 dl dd{
	padding:0 10px 0 10px;
	color:#8a8a8a;
	text-align:justify;
}
#contentN1 dl dd a{
	color:#8a8a8a;
}

#contentN2{
	position:relative;
	width:590px;
	min-height:400px;
	background:url(../i/content-bgN2.gif) repeat-y;
	border:1px solid #c8c8c8;
}

#contentN2 a.thick{
	position:absolute;
	right:55px;
	top:270px;
	background:url(../i/icon/thick.gif) no-repeat;
}
#contentN2 a.thick:hover{
	background:url(../i/icon/thick_.gif) no-repeat;
}
#contentN2 a.thick img{
	width:90px;
	height:24px;
}

#contentN2 a.print{
	position:absolute;
	right:10px;
	top:270px;
	background:url(../i/icon/print.gif) no-repeat;
}
#contentN2 a.print:hover{
	background:url(../i/icon/print_.gif) no-repeat;
}
#contentN2 a.print img{
	width:25px;
}

#content ul#menuN3{/*MENU_N3*/
	position:absolute;
	left:0;
	width:153px;
	padding:8px 0 10px 0;
	list-style:none;
	border-top:15px solid #003d7e;
	border-bottom:1px solid #c8c8c8;
}

* html #content ul#menuN3 li{
	border:1px solid #fff;
}

#content ul#menuN3 li a{
	display:block;
	padding:8px 0 2px 15px;
	color:#8a8a8a;
}

#content ul#menuN3 li a:hover, #content ul#menuN3 li.n2 a:hover{
	color:#fb7e00;
}

#content ul#menuN3 li a.sel{
	background:url(../i/menuLeft-puce.gif) no-repeat 8px 11px;
	color:#fb7e00;
}

#content ul#menuN3 li.n2 a.sel{
	background:url(../i/menuLeft-puce.gif) no-repeat 18px 6px;
	color:#fb7e00;
}

#content ul#menuN3 li.n2 a{
	display:block;
	padding:2px 0 2px 25px;
	color:#8a8a8a;
}

#content #menuItem{/*MENU_ITEM*/
	position:absolute;
	left:0;
	bottom:0;
	width:153px;
	border-bottom:15px solid #003d7e;
}

#content #menuItem a{
	display:block;
	padding:4px 0 4px 29px;
	color:#8a8a8a;
}

a.download{background:url(../i/icon/download.gif) no-repeat 5px 0;}
a.download:hover{background:url(../i/icon/download_.gif) no-repeat 5px 0;}

a.link{background:url(../i/icon/link.gif) no-repeat 5px 0;}
a.link:hover{background:url(../i/icon/link_.gif) no-repeat 5px 0;}

a.exemple{background:url(../i/icon/exemple.gif) no-repeat 5px 0;}
a.exemple:hover{background:url(../i/icon/exemple_.gif) no-repeat 5px 0;}

a.video{background:url(../i/icon/video.gif) no-repeat 5px 0;}
a.video:hover{background:url(../i/icon/video_.gif) no-repeat 5px 0;}

a.recommend{background:url(../i/icon/recommend.gif) no-repeat 5px 0;}
a.recommend:hover{background:url(../i/icon/recommend_.gif) no-repeat 5px 0;}

a.save{background:url(../i/icon/save.gif) no-repeat 5px 0;}
a.save:hover{background:url(../i/icon/save_.gif) no-repeat 5px 0;}

#content #main{/*MAIN*/
	width:437px;
	margin:0 0 0 153px;
	border-top:15px solid #fb7e00;
}

#content #main hr{
	margin:10px 0;
}

#content #main p a{
	font-weight:bold;
	text-decoration:underline;
	color:#003a79;
}
#content #main p a:hover{
	color:#fb7e00;
}
#content #main p a.lien_interet{
	text-decoration:none;
	color:#8a8a8a;
}
#content #main p a.lien_interet:hover{
	text-decoration:none;
	color:#fb7e00;
}

#content #main h1{
	margin:0;
	padding:10px 0 0 30px;
	font-size:16px;
	font-weight:bold;
	color:#fb7e00;
}

#content #main h2{
	margin:0;
	padding:20px 0 0 30px;
	font-size:10px;
	font-weight:bold;
	color:#8a8a8a;
}
#content #main h2 a{
	color:#8a8a8a;
}

#content #main h3{
	margin:0;
	padding:10px 0 5px 30px;
	font-weight:bold;
	color:#003d7e;
	font-size:11px;
}

#content #main p{
	margin:0;
	padding:0 10px 5px 30px;
	text-align:justify;
	color:#8a8a8a;
	font-size:10px;
}

#content #main ul{
	margin:0;
	padding:5px 10px 5px 30px;
	list-style:none;
}
#content #main ul li{
	position:relative;
	margin:0 0 7px 0;
	padding:0 0 0 15px;
	background:url(../i/menuLeft-puce.gif) no-repeat 4px 4px;
	color:#8a8a8a;
	font-size:10px;
	
}

#content #main ul li a{
		font-weight:bold;
	text-decoration:underline;
	color:#003a79;
}

#content #main .pagination{/*PAGINATION*/
	position:relative;
	clear:both;
	margin:10px 10px 10px 30px;
	padding:5px 0 5px 0;
	text-align:center;
	color:#fb7e00;
	font-size:10px;
	border-top:1px solid #c8c8c8;
	border-bottom:1px solid #c8c8c8;
}


#content #main .pagination a{
	color:#8a8a8a;
}
#content #main .pagination a:hover{
	color:#bf7e00;
}

#content #main .pagination a.precedent{
	position:absolute;
	left:0;
	top:2px;
	background:url(../i/precedent.gif) no-repeat;
}
#content #main .pagination a.precedent:hover{
	background:url(../i/precedent_.gif) no-repeat;
}

#content #main .pagination a.suivant{
	position:absolute;
	right:0;
	top:2px;
	background:url(../i/suivant.gif) no-repeat;
}
#content #main .pagination a.suivant:hover{
	background:url(../i/suivant_.gif) no-repeat;
}

* html #content #main .pagination a.precedent, * html #content #main .pagination a.suivant{
	display:none;
}

#content #main form{/*FORM*/
	padding:0 10px 0 30px;
}

#content #main form p{
	padding:0;
}

#content #main form h6{
	margin:10px 0 0 0;
	padding:0;
	font-size:11px;
	color:#003d7e;
	border-bottom:1px solid #003d7e;
}

#content #main form .row{
	margin:4px 0;
}

#content #main form .row label{
	float:left;
	width:120px;
	padding:2px 0 0 0;
	color:#8a8a8a;
}

#content #main form .row input, #content #main form .row textarea, #content #main form .row select{
	background:#efefef;
	border:none;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#00307e;
}

#content #main form .row .texte{
	width:267px;
	padding:2px 5px;
}

#content #main form .row .textarea{
	width:267px;
	height:150px;
	padding:2px 5px;
}

#content #main form .row select{
	width:267px;
	padding:2px 5px;
}

* html #content #main form .row .texte{
	padding:2px 3px;
}


#footer{/*FOOTER*/
	position:relative;
	width:590px;
	padding:40px 0 15px 0;
	background:#fff url(../i/footer-bg.gif) no-repeat 0 10px;
	font-size:10px;
	text-align:justify;
	color:#8a8a8a;
}

#footer a{
	color:#8a8a8a;
}

#footer p.l1{
	margin-bottom:0;
	padding:7px 0 0 0;
	font-size:11px;
	text-align:center;
}

#footer p.l1 strong{
	color:#003d7e;
	font-weight:bold;
}

#footer p.l2{
	margin:0;
	color:#797979;
	text-align:center;
}
#footer p.l2 a{
	color:#003d7e;
}

#footer p.l3 a{
	color:#c5c5c5;
}

#footer a#w3c-html{
	position:absolute;
	right:70px;
	top:15px;
	color:#003d7e;
}
#footer a#w3c-css{
	position:absolute;
	right:0;
	top:15px;
	color:#003d7e;
}

#printAdresse{
	display:none;
}

@media print {

#site{
	width:600px;
	margin:0;
}

#content{
	position:absolute;
	top:0;
	left:0;
	padding:110px 0 0 0;
}

#footer, #menuRight, #menuLeft, #header ul{
	display:none;
}

#header{
	width:400px;
}

#header .logo{
	position:absolute;
	left:0;
	top:0;
}

#printAdresse{
	position:absolute;
	top:44px;
	right:0;
	display: block;
	text-align:right;
	font-size:10px;
	color:#8a8a8a;
}

}