body{
	margin:0;
	background:url("images/bg_az.jpg") repeat-x 50% 0 fixed;
	margin:0;
	background-color:#153399;
	font-size: 12px;
  	font-family: Arial, Helvetica, sans-serif;
	color:#FFF;
}

#header-overlay{
	width:100%;
	height: 170px;
	background-color: transparent;
	background-image: url("images/header-overlay.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 50% 0pt;
	margin:0;
	padding:0;
}

#horiz-menu-surround{
	position:relative;
	width:978px;
	margin:0 auto 0 auto;
}

#logo{
	width:530px;
	height:80px;
	float:right;
	margin-right:100px;
	margin-top:10px;
}

#menu{
	width:679px;
	margin:0;
	padding-left:342px;
	float:left;
	background-color: transparent;
	background-image: url("images/horizmenu-bg.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 87% 30%;

}

#mainbody-overlay{

	background-color: transparent;
	overflow-x: hidden;
	overflow-y: hidden;
	padding-top: 0;
	height:100%;
	position:relative;
}


#informations{
	width:978px;
	height:auto;
	margin:17px auto 0 auto;
}

#title{
	float:left;
	width:918px;
	height:30px;
	background-color: transparent;
	background-image: url("images/maincontent-bg_01.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	padding: 20px 30px 0 30px;


}

#conteneur{
	float:left;
	width:918px;
	height:auto;
	margin:0 auto 0 auto;
	background-color: transparent;
	background-image: url("images/maincontent-bg_02.png");
	background-repeat: repeat-y;
	background-attachment: scroll;
	padding: 10px 30px 30px 30px;
}

#footer{
	float:left;
	width:938px;
	height:70px;
	text-align:right;
	background-color: transparent;
	background-image: url("images/maincontent-bg_03.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	padding: 20px 20px;
	margin-bottom:30px;


}

#copyright{
	width:80px;
	height:40px;
	float:left;
}

#adresse{
	width:740px;
	height:40px;
	float:left;
	
}

p {font-size: 13px;margin-top: 10px;margin-bottom: 20px;color:#FFF;}
h1, h2, h3, h4, h5 {padding-bottom: 5px;margin: 25px 0 10px 0;font-weight: normal;}
h1 {font-size: 200%;line-height: 200%;font-family: Georgia,Times,sans-serif;color:#FFF;}
h2 {font-size: 160%;line-height: 100%;color:#FFF;}
h3 {font-size: 150%;color:#9c9e9f;font-style:oblique;}
h4 {font-size: 160%;line-height: 130%;}
h5 {font-size: 90%;color:#FFF; display:block; width:auto;height:auto;background-color: #000033;padding:5px;border-top:dotted 1px #fff;line-height:120%;}
h6 {font-size: 120%;color:#FFF; display:block; width:auto;height:auto;font-weight:100;padding:5px;border-bottom:dotted 1px #fff;line-height:120%;}
a {text-decoration: none; color:#e19f00;font-family:Arial, Helvetica, sans-serif;}
a:hover {text-decoration: none; color:#e1001a;}
ul, li {font-size: 13px;color:#FFF; margin: 2px 0 1px 0; padding-left:0;list-style:square;list-style-position:inside;}
.clr {clear: both;}
#title h1 {
	color:#e19f00;
	line-height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	margin:5px 0 0 0;
	font-weight:100;
}
.orange{color:#e19f00;}
.rouge{color:#e1001a;}
.blanc{color:#FFF;}
.bleu{color:#000034;}
.bold{font-weight:900;}


/******************* SUPERFISH **********************/


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:	0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	/*line-height:	1.0;  IE6*/
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
	font-size: 14px;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.6em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			20em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			20em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
	margin-top:32px;
	z-index:2;
}
.sf-menu a {
	padding: 		.75em 1em; /*hauteur des block du menu */
	text-decoration:none;
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #f2f2f2;
	
}

.sf-menu li {
	background:	transparent;	
	border-bottom: 0;
}

.sf-menu li  a{
	font-size:14px;	 
	font-weight:500;
	font-family:Arial, Helvetica, sans-serif;
}

.sf-menu li li {
	background:url("images/li-bg.png") no-repeat 50% 0;
	border-bottom: 1px solid #fff;
}

.sf-menu li li a{
	font-size:12px;
}

.sf-menu li li a:hover{
	background:url("images/li-bg-on.png") no-repeat 50% 0;
}

.sf-menu li li li {
	
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background: transparent;
	outline:		0;
	color:#e1001a;
}


/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url(images/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url(images/shadow.png) no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/******************* FIN DE SUPERFISH **********************/


#col200px{
	width:200px;
	height:auto;
	padding: 0 35px 0 0;
	float:left;
}

#col250px{
	width:250px;
	height:auto;
	padding: 0 0 0 0;
	float:left;
}

#col280px{
	width:280px;
	height:auto;
	padding: 0 0 0 0;
	float:left;
}

#col300px{
	width:300px;
	height:auto;
	padding: 0 5px 0 0;
	float:left;
}

#col335px{
	width:335px;
	height:auto;
	padding: 0 0 0 0;
	float:left;
}

#col350px{
	width:350px;
	height:auto;
	padding: 0 15px 0 0;
	float:left;
}

#col450px{
	width:450px;
	height:auto;
	padding: 0 15px 0 0;
	float:left;
}

#col550px{
	width:550px;
	height:auto;
	padding: 0 15px 0 0;
	float:left;
}

#col650px{
	width:650px;
	height:auto;
	padding: 0 0 0 0;
	float:left;
}

#col610px{
	width:610px;
	height:auto;
	padding: 0 0 0 0;
	float:left;
}

#col915px{
	width:915px;
	height:auto;
	padding: 0 0 0 0;
	float:left;
}

.alignright{
	width:auto;
	height:auto;
	float:right;
	margin-left:10px;
	}
	
.alignleft{
	width:auto;
	height:auto;
	float:left;
	margin-right:10px;
	}

.lienbasgauche{
	display:block;
	width:445px;
	height:30px;
	float:left;	
}

.lienbasdroite{
	display:block;
	width:445px;
	height:30px;
	float:right;	
}

#formulaire{
	width:430px;
	height:550px;
	padding: 0 15px 0 0;
	float:left;
}

#acces{
	width:430px;
	height:550px;
	padding: 0 15px 0 0;
	float:left;
}

/******************* FORMULAIRE CONTACT **********************/

TD{Color : #ffffff; Font-Family : Arial, Sans-serif; Font-Size : 9px;font-style: normal;Font-Weight : Bold;}
.margins {	margin: 5px, 5px, 5px,5px; }
.arrow {	Color: #e19f00; }
INPUT.format { font-size: 12px; color: #000; background-color : #FFF; font-style: normal;
BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid;
Border-Color:#000034;
}
SELECT.format { font-size: 12px; color: #ffffff; font-style: normal;}
TEXTAREA { font-size: 12px; color: #000; background-color : #FFF;BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid;
Border-Color: #000034;font-style: normal;
}
INPUT.submit { font-size: 16px; color: #ffffff; Font-Family : Arial, Sans-serif;  font-style: normal;Font-Weight : Bold; background-color : #e19f00; BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid; Border-Color: #e19f00;
}
INPUT.reset { font-size: 16px; color: #ffffff; Font-Family : Arial, Sans-serif; font-style: normal;Font-Weight : Bold; background-color : #e19f00; BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid; Border-Color: #e19f00;
}
a.info{
position:relative; /*this is the key*/
z-index:24; 
text-decoration:none}
a.info:hover{z-index:25; background-color:#ff0}
a.info span{display: none}
a.info:hover span{ /*the span will display just on :hover state*/
display:inline;
position:absolute;
top:1em; left:1em; width:15em;
background-color:#000034; color:#ffffff;
text-align: center}
.error {padding-right: 16px; border: 1px solid red; background-color: #FFFCE2; background-image: url(images/warning_obj.gif); background-position: right; background-repeat: no-repeat;}
.obli {color: #e19f00; Font-Family : Arial, Sans-serif; }
.mef { font-size: 12px; color: #ffffff; font-style: normal;
}


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#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; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}