/********************************
		SLIDESHOW HOME
*********************************/

#wrapper {width:577px; margin:0px auto}

.sliderbutton {float:left; width:32px; padding-top:134px}
.sliderbutton img {cursor:pointer}
#slider {float:left; position:relative; overflow:auto; width:500px; height:200px; border:2px solid #c30074; background:#fff }
#slider ul {position:absolute; list-style:none; top:0; left:0; margin:0; padding:0}
#slider li {float:left; width:500px; height:300px; padding-right:10px }

.pagination {float:left; list-style:none; height:25px; margin:15px 0 0 32px}
.pagination li {float:left; cursor:pointer; padding:5px 8px; background:#c30074; border:1px solid #c30074; margin:0 4px 0 0; text-align:center; color:#fff}
.pagination li:hover {background:#fff; border:1px solid #fff; color:#c30074}
li.current {border:1px solid #fff; background:#fff; color:#c30074}

li#content {width:464px; height:270px; padding:15px 28px 15px 18px}
#content h1 {font:22px Georgia,Verdana; margin-bottom:15px; color:#036}


/********************************
		GALLERIE VIDEOS
*********************************/

ul.gallery {
	width: 533px; /*--Adjust width according to your scenario--*/
	list-style: none;
	margin: 0; padding: 0;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}
ul.gallery li {
	float: left;
	margin: 10px 10px 0 0;
	padding: 0;
	text-align: center;
	border: 1px solid #fff;
	background: #ffffff; /* ADDED */
	-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
}
ul.gallery li a.thumb {
	width: 155px; /*--Width of image--*/
	height: 115px; /*--Height of image--*/
	padding: 5px;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}
ul.gallery li span { /*--Used to crop image--*/
	width: 155px;
	height: 115px;
	overflow: hidden;
	display: block;
}

ul.gallery li h2 {
	vertical-align:central;
	font-size: 0.8em;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0; 
	background: #f0f0f0;
	width: 165px; /*--Width of image--*/
	
	border-top: 1px solid #fff; /*--Subtle bevel effect--*/
}

ul.gallery li h2 a{
	vertical-align:central;
	height: 50px; /*--Height of image--*/
	}
	

ul.gallery li a:hover {
	color: #c30074;
}




ul.gallery li a {text-decoration: none; color: #777; display: block; }


/********************************
		NEWSLETTUX
*********************************/
.ntux3_email{
    font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #575757;
	line-height: 14px;
	text-align: left;
}


.compulsorylegend
{
    display:none;
}

/********************************
		TOP HEADER
*********************************/

.topheader {
	background : #c30074;
	height : 30px;
	margin-bottom : 30px;
}

.conteneuractu {
	width: 839px;
	height: 253px;
	background-image:url(newheader.jpg);
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 30px;
	position: relative;
	
	border-radius: 2em;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	
	-moz-box-shadow: 8px 8px 12px #aaa; 
    -webkit-box-shadow: 8px 8px 12px #aaa; 
    box-shadow: 8px 8px 12px #555;
}

.menuafopi {
	width: 839px;
	height: 35px;
	margin:0 auto;
	margin-top: 30px;
	margin-bottom: 30px;
	position: relative;
	
	border-radius: 2em;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	
	-moz-box-shadow: 8px 8px 12px #aaa; 
    -webkit-box-shadow: 8px 8px 12px #aaa; 
    box-shadow: 8px 8px 12px #555;
}

/********************************
		COLONNE DROITE
*********************************/

.etiquette {
	height : 35px;
	line-height:35px;
	padding-left:10px;
	background : #c30074;
	width : 170px;
    -moz-box-shadow: 8px 8px 12px #aaa; 
    -webkit-box-shadow: 8px 8px 12px #aaa; 
    box-shadow: 8px 8px 12px #555;
	
	border-radius: 2em;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	 
	vertical-align:middle;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size : 15px ;
	color : #FFFFFF;
	margin-bottom:20px;
    }
	
.OngletColDroite {
	 margin:20px 0px 0px 0px;
	 width:235px;
	 height:47px;
    }
	
.OngletColDroite a{
	color:#c30074;
	text-decoration:none;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size : 14px;
    }

/********************************
	RESTE DU CODE
*********************************/	

#header h1, #header h2 {
display: none;
}

.soustitre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-align: left;
	line-height: 14px;
}
.soustitre a:link {
	color: #FE70B7;
	text-decoration: underline;
} 
.soustitre a:visited {
	color: #FE70B7;
	text-decoration: none;
}
.soustitre a:hover {
	color: #FE70B7;
	text-decoration: underline;
}
.soustitre a:active {
	color: #FE70B7;
	text-decoration: underline;
}
.small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999;
}
.small a:link {
	color: #999999;
	text-decoration: none;
} 
.small a:visited {
	color: #999999;
	text-decoration: none;
}
.small a:hover {
	color: #999999;
	text-decoration: none;
}
.small a:active {
	color: #999999;
	text-decoration: none;
}
.bodyunjust {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #778CBC;
	line-height: 16px;
}
.bodyunjust a:link {
	color: #FB007D;
	text-decoration: none;
} 
.bodyunjust a:visited {
	color: #FB007D;
	text-decoration: none;
}
.bodyunjust a:hover {
	color: #0267CB;
	text-decoration: none;
}
.bodyunjust a:active {
	color: #0267CB;
	text-decoration: none;
}
.address {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #004889;
	line-height: 16px;
}
.address a:link {
	color: #004889;
	text-decoration: underline;
} 
.address a:visited {
	color: #004889;
	text-decoration: underline;
}
.address a:hover {
	color: #003366;
	text-decoration: none;
}
.address a:active {
	color: #003366;
	text-decoration: none;
}
.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
.footer a:link {
	color: #FFFFFF;
	text-decoration: none;
} 
.footer a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.footer a:active {
	color: #FFFFFF;
	text-decoration: none;
}
.footer2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #CCCCCC;
	letter-spacing: -1px;
}
.footer2 a:link {
	color: #CCCCCC;
	text-decoration: underline;
} 
.footer2 a:visited {
	color: #CCCCCC;
	text-decoration: underline;
}
.footer2 a:hover {
	color: #999999;
	text-decoration: none;
}
.footer2 a:active {
	color: #CCCCCC;
	text-decoration: underline;
}
.nav {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #575757;
	line-height: 14px;
	text-align: left;
}
.nav a:link {
	color: #E20077;
	text-decoration: underline;
} 
.nav a:visited {
	color: #DC0077;
	text-decoration: underline;
}
.nav a:hover {
	color: #E20077;
	text-decoration: none;
}
.nav a:active {
	color: #DC0077;
	text-decoration: underline;
}
.nav2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #D92D77;
	line-height: 16px;
	text-align: left;
}
.afopi {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	text-align: left;
}

.nav2 a:link {
	color: #D92D77;
	text-decoration: underline;
} 
.nav2 a:visited {
	color: #D92D77;
	text-decoration: underline;
}
.nav2 a:hover {
	color: #D92D77;
	text-decoration: none;
}
.nav2 a:active {
	color: #D92D77;
	text-decoration: underline;
}
.nav3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #E20077;
	line-height: 25px;
	font-weight: bolder;
}
.nav3 a:link {
	color: #E20077;
	text-decoration: underline;
} 
.nav3 a:visited {
	color: #E20077;
	text-decoration: underline;
}
.nav3 a:hover {
	color: #E20077;
	text-decoration: none;
}
.nav3 a:active {
	color: #E20077;
	text-decoration: underline;
}
titres {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #FF6633;
}
texte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #666;
}
fond {
	background-image: url(cadre.png);
	background-repeat: no-repeat;
}
.fond {
	background-image: url(cadre.png);
	background-repeat: no-repeat;
}
.zoom {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 14px;
	text-align: center;
}
.zoom a:link {
	color: #666;
	text-decoration: underline;
} 
.zoom a:visited {
	color: #666;
	text-decoration: underline;
}
.zoom a:hover {
	color: #666;
	text-decoration: none;
}
.zoom a:active {
	color: #666;
	text-decoration: none;
}

.grostitres {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #F63;
	line-height: 18px;
	text-align: left;
	}

.sousmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F63;
	text-align: left;
	line-height: 14px;
}
.sousmenu a:link {
	color: #666;
	text-decoration: underline;
} 
.sousmenu a:visited {
	color: #666;
	text-decoration: underline;
}
.sousmenu a:hover {
	color: #F63;
	text-decoration: none;
}
.sousmenu a:active {
	color: #FF665A;
	text-decoration: underline;
}
.piedpage {
	background-image: url(bas.jpg);
	background-repeat: no-repeat;
}
.h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #E20077;
	font-weight:normal;
	line-height: 18px;
}
.plan {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #999;
	line-height: 16px;
	text-align: center;
}
.plan a:link {
	color: #999;
	text-decoration: none;
} 
.plan a:visited {
	color: #999;
	text-decoration: none;
}
.plan a:hover {
	color: #666;
	text-decoration: none;
}
.plan a:active {
	color: #999;
	text-decoration: underline;
}
.h3{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #E20077;
	font-weight:normal;
	line-height: 18px;
}

.legende{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #F63;
}

.cas {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 40px;
	color: #999;
	line-height: 18px;
	text-align: left;
}
.sitemap {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #666666;
	line-height: 16px;
	text-align: left;
}
.sitemap a:link {
	color: #DF0077;
	text-decoration: underline;
} 
.sitemap a:visited {
	color: #E20077;
	text-decoration: none;
}
.sitemap a:hover {
	color: #D92D77;
	text-decoration: none;
}
.sitemap a:active {
	color: #666;
	text-decoration: none;
}
.separation {
	background-image: url(separation.png);
	background-repeat: repeat-y;
	background-position: center center;
}
.GROSTITRES {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #E20077;
	font-weight:normal;
	margin: 0;
	padding: 0;
}

.MODULES{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #FFF;
	font-weight:normal;
	line-height: 18px;
}


.listegris {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	color: #575757;
}
.MODULESGRIS{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #B2B2B2;
	font-weight:normal;
	line-height: 18px;
}
.prix {
	background-image: url(prix.png);
	background-repeat: no-repeat;
}
.sousmenu1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #E20077;
	font-weight:normal;
}
.sousmenu1  a:link {
	color: #FFF;
	text-decoration: none;
} 
.sousmenu1  a:visited {
	color: #FFF;
	text-decoration: none;
}
.sousmenu1  a:hover {
	color: #E20077;
	text-decoration: none;
}
.sousmenu1  a:active {
	color: #E20077;
	text-decoration: none;
}
.TITRESPAGE {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #E20077;
	font-weight:normal;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}
body {
	background-image: url(fond.jpg);
	background-repeat: repeat-x;
	margin-top: 0px;
	background-color: #CFCBCA;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.headertop {
	background-image: url(header.png);
	background-repeat: no-repeat;
}
.sousmenuindex {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #E20077;
	font-weight:normal;
	margin: 0;
	padding: 0;
}
.footer3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #C0C0C0;
	letter-spacing: 0px;
	text-align: center;
}
.footer3 a:link {
	color: #C0C0C0;
	text-decoration: none;
} 
.footer3 a:visited {
	color: #C0C0C0;
	text-decoration: none;
}
.footer3 a:hover {
	color: #999;
	text-decoration: underline;
}
.footer3 a:active {
	color: #C0C0C0;
	text-decoration: none;
}
.sitemap {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #575757;
	line-height: 14px;
	text-align: left;
}
.sitemap a:link {
	color: #666;
	text-decoration: underline;
} 
.sitemap a:visited {
	color: #666;
	text-decoration: underline;
}
.sitemap a:hover {
	color: #666;
	text-decoration: none;
}
.sitemap a:active {
	color: #666;
	text-decoration: underline;
}
a{outline: none;}
:focus{-moz-outline-style: none;}
object {outline: none;}