/********************** General *******************/
html, body, p, div, span, ul, li, td, input,h1, h2, h3, h4, h5, h6{
    margin:0;
    padding:0;
	text-align:right;
}
a, img {
    text-decoration:none;
    border:none;
}
body{
    background:#f2f2f2 url('images/bg.jpg') no-repeat top center;
    font-family: Arial;
}

div.clr{
    clear:both;
}

/********************** Wrapper *******************/
#wrapper{
    width:1080px;
    margin:auto;
    margin-bottom: 10px;
}


/********************** Entete *******************/
#wrapper #entete{
    width:1080px;
    height:82px;
    margin-bottom: 3px;
}

/********************** Menu *******************/
#wrapper #menu{
    width:1080px;
    height:35px;
    background: url('images/bg-menu.jpg');
    margin-bottom: 10px;
}

/********************** Slider *******************/
#wrapper #slide{
    width:1080px;
    height:378px;
    background-color:#FFF;
    margin-bottom: 10px;
}

/********************** Centre *******************/
#wrapper #centre{
    width:1080px;
    background-color:#FFF;
    margin-bottom: 10px;
}

/********************** Colonne left *******************/
#wrapper #centre #colonne-left{
    width:266px;
    float:right;
    margin:20px;
}

/********************** Colonne centrale *******************/
#wrapper #centre #colonne-centrale{
    width:754px;
    float:right;
    margin:20px;
    margin-right:0px;
}

/********************** Pied *******************/
#wrapper #pied{
    width:1078px;
    height:66px;
    background-color:#954292;
    border:1px solid #6e216a;
}

/*****************************************************************************************************************************************************************************/
/*************************************************************                    ENTETE                     *****************************************************************/
/*****************************************************************************************************************************************************************************/
#wrapper #entete #logo{
    margin:1px;
    width:180px;
    height:78px;
    float:left;
}
#wrapper #entete #sociaux{
    margin:1px;
    width:90px;
    height:40px;
    float:left;
    margin-top:38px;
    margin-left:40px;
}
#wrapper #entete #langues{
    margin:1px;
    width:72px;
    height:23px;
    margin-top:55px;
    float:right;
}
  /****popup*****/
  .nyroModalBg {
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #000;
	opacity: 0.7;
    }
    .nmReposition {
	position: absolute;
    }
    .nyroModalCloseButton {
	top: -13px;
	right: -13px;
	width: 12px;
	height: 12px;
	text-indent: -9999em;
	background: url(img/close.gif);
    }
    .nyroModalTitle {
	top: -26px;
	left: 0;
	margin: 0;
	font-size: 1.1em;
	color: #ddd;
    }
    .nyroModalCont {
	position: absolute;
	border: 4px solid #777;
	margin: 25px;
	background: #fff;
    }
    .nyroModalCont iframe {
	width: 600px;
	height: 400px;
    }
    .nyroModalError {
	border: 4px solid red;
	color: red;
	width: 250px;
	height: 250px;
    }
    .nyroModalError div {
	min-width: 0;
	min-height: 0;
	padding: 10px;
    }
    .nyroModalLink, .nyroModalDom, .nyroModalForm, .nyroModalFormFile {
	position: relative;
	padding: 10px;
	min-height: 100px;
	min-width: 250px;
	max-width: 1000px;
    }
    .nyroModalImage, .nyroModalSwf, .nyroModalIframe, .nyroModalIframeForm {
	position: relative;
	overflow: hidden;
    }
    .nyroModalImage img {
    vertical-align: top;
    }
    .nyroModalHidden {
	left: -9999em;
	top: -9999em;
    }
    .nyroModalLoad {
	position: absolute;
	width: 100px;
	height: 100px;
	background: #fff url(img/ajaxLoader.gif) no-repeat center;
	padding: 0;
    }
    .nyroModalPrev, .nyroModalNext {
	outline: none;
	position: absolute;
	top: 0;
	height: 60%;
	width: 150px;
	min-height: 50px;
	max-height: 300px;
	cursor: pointer;
	text-indent: -9999em;
	background: transparent url('data:image/gif;base64,AAAA') left 20% no-repeat;
    }
    .nyroModalImage .nyroModalPrev, .nyroModalImage .nyroModalNext {
	height: 100%;
	width: 40%;
	max-height: none;
    }
    .nyroModalPrev {
    	left: 0;
    }
    .nyroModalPrev:hover {
    	background-image: url(../img/prev.gif);
    }
    .nyroModalNext {
	right: 0;
	background-position: right 20%;
    }
    .nyroModalNext:hover {
	background-position: right 20%;
	background-image: url(img/next.gif);
    }

/*****************************************************************************************************************************************************************************/
/*************************************************************                     MENU                      *****************************************************************/
/*****************************************************************************************************************************************************************************/
#wrapper #menu ul{
    width:870px;
    height:35px;
    float:right;
    list-style-type:none;
	overflow:hidden;
}
#wrapper #menu ul li{
    width:170px;
    height:35px;
    float:right;
}
#wrapper #menu ul li a{
    display:block;
    width:170px;
    line-height:35px;
    text-align:center;
    border-left:1px solid #833480;
    border-right:1px solid #934390;
    font: 17px BebasNeue,Arial,Helvetica,sans-serif;
    color:#dedcda;
    line-height:35px;  
}
#wrapper #menu ul li a.actv, #wrapper #menu ul li a:hover{
    background:#ad68aa;  
}
#wrapper #menu form{
    width:192px;
    height:26px;
    float:left;
    margin-left:14px;
    margin-top:5px;
    padding:0;
}
#wrapper #menu form .txt_srch{
    display:block;
    float:left;
    width:152px;
    height:22px;
    border:1px solid #430f41;
    background: url('images/bg-srch.jpg');
    color:#bcbbbc;
    font-style:italic;
    padding-left:5px;
}
#wrapper #menu form .btn_srch{
    display:block;
    float:left;
    width:29px;
    height:24px;
    border:1px solid #430f41;
    background-color:#430f41;
    color:#FFF;
}



/*****************************************************************************************************************************************************************************/
/*************************************************************                    SLIDER                     *****************************************************************/
/*****************************************************************************************************************************************************************************/
#wrapper #slide #slider1 {
    width: 1052px;
    height: 350px;
    position: relative;
    overflow: hidden;
    border:14px solid #FFF;
}
#wrapper #slide #slider1 #slider1Content {
    width: 1052px;
    position: absolute;
    top: 0;
    margin-left: 0;
}
#wrapper #slide #slider1 #slider1Content .clear {
	clear: both;
}
#wrapper #slide #slider1 #slider1Content .slider1Image {
    float: left;
    position: relative;
    display: none;
}
#wrapper #slide #slider1 #slider1Content .slider1Image span {
    position: absolute;
    font-size:12px;
    padding: 15px 20px;
    width: 1052px;
    background-color: #FFF;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    color: #fff;
    display: none;
}

#wrapper #slide #slider1 #slider1Content .slider1Image .right {
	right: 0;
	bottom: 0;
	width: 380px !important;
	height: 324px;
}


#wrapper #slide #slider1 #slider1Content p.titre-slider{
     color:#473c64;
    font-size: 30px;
    width:335px;
    margin:auto;
    text-align:center;
    margin-top:30px;
}
#wrapper #slide #slider1 #slider1Content p.special-slider{
    color:#8e3a8b;
    font-size:32px;
    width:330px;
    margin:auto;
    text-align:center;
    font-weight:bolder;
    margin-top:20px;
    margin-bottom:20px;
}

#wrapper #slide #slider1 #slider1Content p a.suite {
display: block;
margin-top:40px;
margin-right:20px;
color: #72256f;
float:right;
}

#wrapper #slide #slider1 #slider1Content p a.suite:hover {
text-decoration:underline;
}

/*****************************************************************************************************************************************************************************/
/*************************************************************                    CENTRE                     *****************************************************************/
/*****************************************************************************************************************************************************************************/

            /*****************************************************************************************************************************************************************/
            /******************************************************                C.LEFT - MENU                 *************************************************************/
            /*****************************************************************************************************************************************************************/
            #wrapper #centre #colonne-left .menu_list {	
		width: 266px;
	    }
	    #wrapper #centre #colonne-left .menu_head{
		border-top:1px solid #954092;
		border-bottom:1px solid #843381;
		cursor:pointer;
		padding-right:20px;
		display:block;
		color:#DEDCDA;
		height:26px;
		position: relative;
		background-color: #8e3a8b;
		line-height:26px;
		font: 17px/26px BebasNeue,Arial,Helvetica,sans-serif;
	    }
	    #wrapper #centre #colonne-left .menu_head a {
		display:block;
		color:#DEDCDA;
		height:26px;
		position: relative;
		background-color: #8e3a8b;
		line-height:26px;
		font: 17px/26px BebasNeue,Arial,Helvetica,sans-serif;
	    }
	    #wrapper #centre #colonne-left .menu_head:hover, #wrapper #centre #colonne-left .menu_head a:hover {
		background-color:#82307f;
	    }
	    #wrapper #centre #colonne-left .menu_body {
		/*cacherlesous menu au demarrage
		display:none;
		*/
	    }
	    #wrapper #centre #colonne-left .menu_body a{
		display:block;
		color:#e9c4e8;
		background-color:#a2539f;
		line-height:26px;
		padding-right:40px;
		font: 15px/26px BebasNeue,Arial,Helvetica,sans-serif;
		border-top:1px solid #ae65ab;
		border-bottom:1px solid #964593;
	    }
	    #wrapper #centre #colonne-left .menu_body a:hover{
		background-color:#b66eb3;
	    }
            /*****************************************************************************************************************************************************************/
            /******************************************************            C.LEFT - PARTENAIRES              *************************************************************/
            /*****************************************************************************************************************************************************************/
            #wrapper #centre #colonne-left .partenaires {	
		width: 266px;
		height:266px;
		margin-top:20px;
		border:1px solid #483d65;
	    }
	    #wrapper #centre #colonne-left .partenaires p{	
		color:#DEDCDA;
		padding:10px;
		text-align:center;
		background-color:#483d65;
	    }
	    #wrapper #centre #colonne-left .partenaires #logos{	
		margin:auto;
		margin-top:10px;
	    }
        /*****************************************************************************************************************************************************************/
            /******************************************************            C.LEFT - newsletter              *************************************************************/
            /*****************************************************************************************************************************************************************/
            #wrapper #centre #colonne-left .newsletter {   
        width: 266px;
        height:90px;
        margin-top:20px;
        border:1px solid #483d65;
        }
        #wrapper #centre #colonne-left .newsletter p{  
        color:#DEDCDA;
        padding:10px;
        text-align:center;
        background-color:#a2539f;
        }
        #wrapper #centre #colonne-left .newsletter #logos{ 
        margin:auto;
        margin-top:10px;
        }

        #wrapper #centre #colonne-left .newsletter form input{
    Display:block;
    width:167px;
    background:#EAE1EA;
    float:left;
    height:30px;
    border:1px solid #B79CB6;
    padding-right: 2px;
    margin-left: 6px;
}
#wrapper #centre #colonne-left .newsletter form input.btn_send{
    text-align: center;
    width:77px;
    height:32px;
    background:#965593;
    float:right;
    margin-right: 6px;
    border:1px solid #753572;
    color:#FFF;
}
/*****************************************************************************************************************************************************************************/
/*************************************************************                     PIED                      *****************************************************************/
/*****************************************************************************************************************************************************************************/
#wrapper #pied p{
    text-align:center;
    margin-top:6px;
    color:#ffffff;
    font-size:15px;
    font-weight:normal;
}
#wrapper #pied strong{
    text-align:center;
    font-weight:bold;
    color:#ddb4db;
    font-size:17px;
}