/*///////////////////////////////////////////////////////////////////////////////////
// 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;}


/*///////////////////////////////////////////////////////////////////////////////////
// ACCUEIL - style/accueil.css */

div#menuAccueil{
	float:left;
	margin:0 0 0 13px;
}
div#animationAccueil{
	float:right;
	width:780px; height:327px;
	background:url(../images/background/animation-accueil.png) no-repeat 0 0;
	padding:5px; margin:11px 0 0 0;
}
div#contenu div{
	float:left;
	position:relative;
	width:318px; height:192px;
	background:url(../images/background/bande-accueil.jpg) no-repeat 0 0;
	margin:0 0 0 10px;
}
div#contenu div#actualite{background-position:-340px 0;}
div#contenu div#accompagnement{background-position:-680px 0;}
div#contenu div a{
	display:block;
	position:absolute; bottom:0; right:30px;
	font:bold 0.75em Arial, Helvetica, sans-serif; color:#090f28; text-decoration:none; text-align:right; line-height:32px;
}
div#contenu div#accompagnement a{color:#fff;}
div#contenu div a{
	display:block;
	position:absolute; bottom:0; right:30px;
	font:bold 0.75em Arial, Helvetica, sans-serif; color:#090f28; text-decoration:none; text-align:right; line-height:32px;
}
div#contenu div a:hover{text-decoration:underline;}
div#contenu div p{
	font:bold 0.75em Arial, Helvetica, sans-serif; color:#505050; text-decoration:none;
	padding:30px 10px 0 100px;
}
div#contenu div p strong{font-size:1em; color:#5d6cad;}
div#contenu div p span{font-weight:bold; font-size:1em; color:#ee7700;}
div#contenu div#actualite img{
	float:left;
	margin:30px 10px 10px 5px;
}