/**/
* { margin:0; padding:0; }
body { background:#111; height:100%; }
img { border:none; }
#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
#supersized a { width:100%; height:100%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#111 url(../img/progress.gif) no-repeat center center; width:100%; height:100%; }
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }


#header{
	width:1000px;
	border:0;
	margin:0px auto;
	padding-top:15px;
	padding-bottom:5px;
	position:relative;
	}

#content{
	width:940px;
	border:0;
	margin:0px auto;
	padding:30px;
	position:relative;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	}

#logo{
	border:0;
	padding:10px;
	float:left;
	background-image:url(images/BG-content.png);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	}

#contenthome{
	position:relative;
	width:40%;
	margin:0px auto;
	margin-top:10%;
	border:0;
	padding-left:30px;
	padding-right:30px;
	padding-top:30px;
	padding-bottom:30px;
	position:relative;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	}


#footer{
	width:980px;
	border:0;
	margin:0px auto;
	padding:10px;
	position:relative;
	background-image:url(images/BG-content.png);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-top:10px;
	text-align:center;
	}

.clear {clear:both}


h1{font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:1.5em; color:#ffffff; margin:0px; padding:0px; font-weight:400;}
h2{font-family:'Open Sans', Arial, Helvetica, sans-serif;  font-size:16px; color:#ffffff; margin:0px; padding:0px; font-weight:bold;}
h3{font-family:'Open Sans', Arial, Helvetica, sans-serif;  font-size:14px; color:#ffffff; margin:0px; padding:0px; font-weight:normal;}


.text {font-family:'PT Sans', Arial, Helvetica, sans-serif; font-size:1.5rem; color:#ffffff;}
a.text:link{font-family:'PT Sans', Arial, Helvetica, sans-serif; font-size:1.5rem; color:#ffffff;}
a.text:visited{font-family:'PT Sans', Arial, Helvetica, sans-serif; font-size:1.5rem; color:#ffffff;}
a.text:hover{font-family:'PT Sans', Arial, Helvetica, sans-serif; font-size:1.5rem; color:#ffffff;}

.footer {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#3a3b3f;}
a.footer:link{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#e3006b; text-decoration:underline;}
a.footer:visited{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#e3006b; text-decoration:underline;}
a.footer:hover{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#e3006b; text-decoration:none;}


/****************** FORMS ***********/
.formulaire { border:solid 1px #3a3b3f;
	background-color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3a3b3f;
	padding-left:4px;
	padding-right:4px;
	height:24px;
	line-height:24px;
	width:220px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

.formulaire_button {
	border:solid 1px #3a3b3f;
	background-color:#e3006b;
	color:#ffffff;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:20px;
	padding-right:20px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	cursor:pointer;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.link_button {
	border:solid 1px #3a3b3f;
	background-color:#e3006b;
	color:#ffffff;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:20px;
	padding-right:20px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	cursor:pointer;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
/****************** FORMS ***********/


/***********************MENU**********************/
.ddsmoothmenu{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
background:none; /*background of menu bar (default state)*/
float:right;
margin-top:75px;
margin-right:-15px;
}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
padding-top: 5px;
padding-bottom:5px;
margin: 0;
margin-right:15px;
background:none;
padding-left:20px;
padding-right:20px;
background-image:url(images/BG-content.png);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
color: #3a3b3f;
text-decoration: none;
width:100%;
text-align:center;
height:24px;
line-height:24px;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: #3a3b3f;
}

.ddsmoothmenu ul li a.selected, .ddsmoothmenu ul li a.selected:visited, .ddsmoothmenu ul li a:hover{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
color: #e3006b;
}

/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
margin-top:5px;
background-image:url(images/BG-content.png);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
height:30px;
line-height:30px;
padding:0;
border:0;
background:none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;

}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
width: 170px; /*width of sub menus*/
margin: 0;
text-align:left;
padding-left:5px;
height:30px;
line-height:30px;
}
.ddsmoothmenu ul li ul li a:link, .ddsmoothmenu ul li a:visited{
color: #3a3b3f;
}
.ddsmoothmenu ul li ul li a:hover{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
color: #e3006b;
}


/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{ /*shadow for NON CSS3 capable browsers*/
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: none;
}

.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
opacity: 0.8;
}
/***********************MENU**********************/