/*///////////////////////////////////////////////////////////////////////////////////
// RESET - style/reset.css */

html, body{height:100%;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0; padding:0;
	border:0; outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
select, input{
	font:inherit; font-size:1em; white-space:normal;
	margin:0; padding:0;
}
body{
	line-height:1;
	background-color:#fff;
}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
/* Les balises <table> ont besoin d'un 'cellspacing="0"' */
table{border-collapse:collapse; border-spacing:0;}
/* Pour stopper les flux */
div.stpFlt{ /* A utiliser : <div class="stpFlt SF20"><hr /></div> avec la classe SF correspondant à la hauteur */
	clear:both;
	height:2px;
}
div.stpFlt hr{display: none;}
div.stpFlt.SF20{height:20px;}
.dspNne{display:none;}


/*///////////////////////////////////////////////////////////////////////////////////
// STRUCTURE - style/structure.css */

/*///////////////////////////////////////////////////////////////////////////////////
// STYLE :
// Structure
// Menu bas
///////////////////////////////////////////////////////////////////////////////////*/

/*///////////////////////////////////////////////////////////////////////////////////
// Structure */
div#fondGauche{
	position:absolute; top:0; left:0; right:50%; bottom:0;
	background:url(../images/background/site-gauche.png) repeat-x 0 0;
}
div#fondGauche div{
	position:absolute; top:0; left:0; right:0; bottom:0;
	background:url(../images/background/site-gauche.jpg) no-repeat top right;
}
div#fondDroite{
	position:absolute; top:0; left:50%; right:0; bottom:0;
	background:url(../images/background/site-droite.png) repeat-x 0 0;
}
div#fondDroite div{
	position:absolute; top:0; left:0; right:0; bottom:0;
	background:url(../images/background/site-droite.jpg) no-repeat top left;
}
div#site{
	position:absolute; top:0; left:50%;
	width:1000px;
	margin:0 0 0 -500px;
}
div#bandeau{
	position:relative; z-index:3000;
	width:1000px; height:370px;
	padding:55px 0 0 0;
}
div#retourAccueil a{
	float:left;
	display:block;
	width:209px; height:194px;
	margin:-55px 0 0 0;
}
/*///////////////////////////////////////////////////////////////////////////////////
// Menu haut */
div#bandeau>ul{
	float:right;
	width:791px;
	background:url(../images/background/menu.png) repeat 0 0;
}
div#bandeau>ul>li{
	float:left;
	position:relative;
}
div#bandeau>ul>li>a{
	float:left;
	font:bold 0.75em Arial, Helvetica, sans-serif; color:#11193d; text-align:center; text-decoration:none; line-height:30px;
	padding:0 18px;
}
div#bandeau>ul>li>a:hover, div#bandeau>ul>li:hover>a{
	background:url(../images/background/sous-menu.png) repeat 0 0;
	color:#fff;
}
div#bandeau>ul>li>ul{
	display:none;
	position:absolute; top:30px; left:0; z-index:1000;
	background:url(../images/background/sous-menu.png) repeat 0 0;
}
div#bandeau>ul>li:hover>ul{display:block;}
div#bandeau>ul>li>ul>li>a{
	font:bold 0.75em Arial, Helvetica, sans-serif; color:#fff; text-align:left; text-decoration:none; line-height:30px;
	padding:0 20px 0 30px;
	display:block;
	background:url(../images/picto/fleche-menu.png) no-repeat 20px 10px;
	white-space:nowrap;
}
div#bandeau>ul>li>ul>li>a:hover{color:#11193d;}
/*///////////////////////////////////////////////////////////////////////////////////
// Menu bas */
div#footer{
	position:relative;
	clear:left;
	width:1000px; height:179px;
	background:#e8e8e8 url(../images/background/footer.png) no-repeat 0 0;
	padding:35px 0 0 0;
}
div#footer img.imgPartenaire{
	position:absolute;
	top:109px; left:42px;
}
div#footer ul#col1{
	float:left;
	width:220px;
	border-left:1px solid #ee7700;
	margin:0 0 0 42px; padding:0 0 0 10px;
}
div#footer ul#col2{
	float:left;
	width:200px;
	border-left:1px solid #ee7700;
	margin:0 0 0 42px; padding:0 0 0 10px;
}
div#footer ul#col3{
	float:left;
	width:200px;
	border-left:1px solid #ee7700;
	margin:0 0 0 42px; padding:0 0 0 10px;
}
div#footer ul#col4{
	float:right;
	width:150px;
	border-right:1px solid #ee7700;
	margin:0 42px 0 0; padding:0 10px 0 0;
	text-align:right;
}
div#footer ul#col5{
	clear:left;
	float:right;
	width:100px;
	background:#b8b8b8;
	padding:10px; margin:-10px 42px 0 0;
	text-align:right;
}
div#footer ul li a{font:normal 0.75em Arial, Helvetica, sans-serif; color:#505050; text-decoration:none;}
div#footer ul li.spe a, div#footer ul li.spe span{font:bold 0.875em Arial, Helvetica, sans-serif; color:#ee7700; text-decoration:none;}
div#footer ul li.spe2 a{font:bold 0.875em Arial, Helvetica, sans-serif; color:#787878; text-decoration:none;}
div#footer ul#col5 a{font:normal 0.75em Arial, Helvetica, sans-serif; color:#fff; text-decoration:none;}
div#footer ul li a:hover, div#footer ul#col5 a:hover{text-decoration:underline;}
div#menuBas>ul{text-align:center;}
div#menuBas>ul>li{
	display:inline;
	font:normal 12px Arial, Helvetica, sans-serif; line-height:30px;
	border-right:1px solid #c0b8a1;
}
div#menuBas>ul>li.der{border:0;}
div#menuBas>ul>li>a{
	font-size:11px;	color:#c0b8a1; text-decoration:none;
	padding:0 40px 0 40px;
}
div#menuBas>ul>li>a:hover{color:#fff;}


/*///////////////////////////////////////////////////////////////////////////////////
// COLORBOX - lib/colorbox/colorbox.css */

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxContent{margin-top:20px;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../lib/colorbox/images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../lib/colorbox/images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../lib/colorbox/images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}


/*///////////////////////////////////////////////////////////////////////////////////
// INTERIEUR - style/interieur.css */

div#animationTertiaire{
	float:left;
	width:536px; height:245px;
	padding:5px; margin:10px 10px 0 0;
	background:url(../images/background/fond-flash.png) no-repeat 0 0;
}
div#bandeau{height:300px;}
div#bandeau h2{
	font:bold 0.875em Arial, Helvetica, sans-serif; color:#fff;
	margin:38px 0 0 0;
}
div#bandeau p{
	font:italic normal 0.75em Arial, Helvetica, sans-serif; color:#d6d6d6;
	padding:10px;
}
div#bandeau p strong{color:#fff;}
div#colLogos{
	float:left;
	width:176px;
	margin:-150px 0 0 15px;
	background:#f0f0f0 url(../images/background/fond-bloc.jpg) no-repeat 0 0;
  text-align:center;
}
div#colLogos img{ /* ajout de Denis */
  display:block;
  margin: 5px auto;
}
div#colVide{
	float:left;
	width:176px; min-height:200px;
	margin:-150px 0 0 15px;
}
div#colLogos h2, div.bloc h2{
	font:bold 0.875em Arial, Helvetica, sans-serif; color:#fff; line-height:22px;
	padding:0 5px;
}
h1#h1Img{
	float:right;
	background:url(../images/background/fond-h1.png) no-repeat 0 0;
	padding:5px 5px 30px 5px; margin:10px 0 0 0;
}
div.bloc h2, div.bloc h2.pres{ /* au lieu de div.bloc h2.pres */
	font:bold 0.75em Arial, Helvetica, sans-serif; color:#5d6cad; text-align:justify;
	padding:0 20px;
}
div.bloc p{
	font:normal 0.75em Arial, Helvetica, sans-serif; color:#505050; text-align:justify;
	margin:20px;
}
div.bloc img.imgR{float:right; margin:20px 20px 0 20px;}
div.bloc img.imgL{float:left; margin:0 20px 20px 20px;}
div#colContenu{
	float:left;
	width:790px;
	margin:0 0 0 19px;
}
div#colContenu p.simple{
	font:normal 0.75em Arial, Helvetica, sans-serif; color:#505050; text-align:justify;
	padding:20px;
}

div.simple h2{
	color: white; font-weight: bold; font-size: 14px; margin-top: 2px; padding-bottom: 20px;
}

div.bloc{
	clear:left;
	width:790px;
	background:#f0f0f0 url(../images/background/fond-bloc.jpg) no-repeat 0 0;
	margin:0 0 20px 0; padding:0 0 20px 0;
	overflow:hidden;
}
div.bloc.grand{
	width:1000px;
	background:#f0f0f0 url(../images/background/fond-bloc.jpg) no-repeat 0 0;
	margin:0 0 20px 0;
	overflow:hidden;
}
div.bloc.sansTitre{padding:40px 0 15px 0;}
div.bloc>ul{
	width:750px;
	margin:20px;
	overflow:hidden;
}
div.bloc>ul>li, table ul>li{
	border-left:1px dotted #ee7700;
	padding:2px 0 2px 16px;
	font:normal 0.75em Arial, Helvetica, sans-serif; color:#505050; text-align:justify;
  background:transparent url(../images/chevron.png) no-repeat 5px 6px;
}
table ul>li{
	margin-left: 25px;
}
div.bloc>ul>li>ul{
	padding:5px 5px 2px 20px;
}
div.bloc>ul>li>ul>li{
	padding:2px 0 2px 5px;
	font:normal 1em Arial, Helvetica, sans-serif; color:#6d6d6d; text-align:justify;
	list-style:disc;
}
div.bloc>ul.droit{width:160px; float:left;}
div.bloc>ul.droit2, div.bloc>ul.droit2>li{width:550px;}
div.bloc>ul.droit>li>a{text-decoration:none;}
div.bloc>ul.droit>li>a:hover{text-decoration:underline;}
div.bloc>ul.enLigne{width:960px;}
div.bloc>ul.enLigne.w500{width:600px;}
div.bloc>ul.enLigne>li{
	width:960px;
	border:0;
	padding:10px 0;
}
div.bloc>ul.enLigne.w500>li{width:600px;}
div.bloc>ul>li>span{font-weight:bold; font-size:1em; color:#ee7700;}
div.rea{
	float:left;
	width:225px; height:230px;
	background:url(../images/background/cadre-photo.png) no-repeat 0 0;
	margin:20px 0 0 28px; padding:1px 0 0 1px;
	font-family:Arial, Helvetica, sans-serif; color:#505050; font-size:0.75em;
}
div.rea.grand{height:320px;}
div.rea img{margin:0 0 20px 0;}
div.rea>strong{font:bold 1.166em Arial, Helvetica, sans-serif; color:#2c4595;}
div.rea ul li{font:normal 1em Arial, Helvetica, sans-serif; color:#505050;}
div.rea ul li strong{font-weight:bold; color:#505050;}
div.rea ul li em{font:bold 0.875em Arial, Helvetica, sans-serif; color:#ee7700;}
div.rea>em{font:italic normal 0.75em Arial, Helvetica, sans-serif; color:#505050;}
div#cboxCurrent{
	font:normal 0.75em Arial, Helvetica, sans-serif; color:#fff;
}
div#paveContact{
	width:200px; height:166px; float:left;
	background:#fff url(../images/background/fond-contact.png) no-repeat 0 0;
	margin:0 50px 70px 25px; padding:15px 0 0 120px;
	font:normal 0.75em Arial, Helvetica, sans-serif; color:#505050; text-align:justify;
}
div#paveContact ul li span{font-weight:bold; font-size:1em; color:#ee7700;}
div#paveContact p{font-size:1em; width:180px; margin:0 0 15px 0;}
div#paveContact strong{font:bold 1.25em Arial, Helvetica, sans-serif; color:#2c4595;}
/*///////////////////////////////////////////////////////////////////////////////////
// Page Contact */
table.tableContact{
	width:400px; float:left
	border:0;	
	margin:0 0 10px 40px;
}
table.tableContact td{
	height:20px;
	font:normal 0.75em Arial, Helvetica, sans-serif; color:#505050; 
	padding:0 0 2px 0;
	vertical-align:middle;
}
input.inputStyle1{
	font:normal 11px Arial, Helvetica, sans-serif; color:#222;
	width:220px; height:18px !important; height:20px;
	border:1px solid #4E4E4E;
}
textarea{
	font:normal 11px Arial, Helvetica, sans-serif; color:#222;
	border:1px solid #4E4E4E;
	width:220px;
}
div.divCoord,div.divCoord1{
	float:left; width:314px;
	border:1px solid #44679D;
	margin:0 10px 0 10px;
	padding:0 10px 10px 10px;
	background:#EFEFEF;
}
div.divCoord{margin:10px 10px 0 10px;}
div.divCoord1{width:670px;}
div.divCoord p{text-align:center; margin:0 0 10px 0;}
a{font:normal 12px Arial, Helvetica, sans-serif; color:darkblue;}
a:hover{color: #ee7700;}
/*///////////////////////////////////////////////////////////////////////////////////
// Page Accompagnement */
div#blocs{
	width:959px; height:371px;
	margin:0 auto;
	background:url(../images/background/fond-accompagnement.png) no-repeat 0 0;
}
div#blocs div{
	float:left;
	width:210px; height:307px;
	font:normal 12px Arial, Helvetica, sans-serif; color:#242b4c;
	padding:60px 10px 0 10px; margin:0 10px 0 0;
}
div#blocs div.der{margin:0;}
div#blocs div h3{font:bold 14px Arial, Helvetica, sans-serif; color:#5d6cad; margin:0 0 10px 0;}
div#blocs div p{font-weight:bold; margin:0 0 10px 0;}
div#blocs div ul{color:#505050;}
div#blocs div ul li{padding:5px 0 0 10px; line-height:16px;}
div#blocs div ul li strong{font-weight:bold; color:#ee7700;}