@charset "utf-8";
/* CSS Document */

* {
	margin:0px;
	padding:0px;
}

html, body { 
height: 100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #808080;
	font-size: 12px;
	background-image:url(/images/degrade_top.gif);
	background-repeat:repeat-x;
}

h1, h2, h3, .soustitre, .cdsffont{
	/*font-family: 'DINRegular',  Arial, Helvetica, sans-serif;*/
}

p{
padding-bottom:1.2em;
}

h1{
font-size:18px;
color:#000;
padding-bottom:20px;
font-weight:normal;
text-transform:uppercase;
/*padding-top:10px;*/
}
h2{
font-size:14px;
color:#000;
padding-bottom:20px;
font-weight:normal;
}
h3{
font-size:14px;
font-weight:normal;
}
h4{
font-size:14px;
font-weight:normal;
color:#1662a7;
}
.titre{
font-size:18px;
color:#363636;
}
.blue{
color:#007198;
}
.imgleft{
float:left;
padding-right:10px;
}
.imgright{
float: right;
padding-left:10px;
}
.clear{
	clear:both;
}
a, a:active, a:active, a:link, a:visited{
text-decoration: none;
color:#007198;
font-size:12px;
}
a:hover {
text-decoration:none;
}
a {
 outline: none;
 cursor:pointer !important;
}


a:active {
 outline: none;
}

:focus {
 -moz-outline-style: none;
}

#site{
	margin:auto;
	height: 100%;
	min-height:100%;
	height:auto;
	background-image:url(../images/line_fond.png);
	background-repeat:repeat-y;
	
}
#site, #header, #container, #top{
	width:960px;
	position:relative;

}

#container{
	
	}
	
 #top{
	 height:28px;
	 padding-top:14px;
	 	background-image:url(/images/degrade_top.gif);
	background-repeat:repeat-x;
	 
 }
#logo{
	margin-left:26px;
	width:360px;
	float:left;
}
 #content_site{
	 margin-top:20px;
	 margin-left:7px;
	 width:940px;
	 margin-bottom:20px;
 }

/*CAROUSEL HOME*/

.cycle-pager {
    display: inline-block;
    position: absolute;
    right: 20px;
    bottom: 90px;
    transform: none;
    vertical-align: middle;
	z-index:9999999;
}


.cycle-pager span.cycle-pager-active {
    background-color: #007198;
}

.cycle-pager span {
     background-color: #FFF;
    cursor: pointer;
    display: inline-block;
    font-size: 0;
    height: 11px;
    margin-left: 10px;
    vertical-align: middle;
    width: 11px;
}

#slider_page {
    position: relative;
    width: 100%;
	border-bottom: 1px solid #d9d9d9;
}

.my_slide{
	position: relative;
	 width: 100%;
	 height:auto;
}

.image_slider {
    background-repeat: no-repeat;
    background-size: cover;
	background-position:center center;
    width: 100%;
}

.image_slider::after {
    content: "";
    display: block;
    height: auto !important;
    padding-top: 32%;
}

.info_link{
	font-size:18px;
	box-sizing:border-box;
	height:70px;
	position: relative;
	padding:20px;
}


/*BOX HOME*/


#box1, #box2 , #box3, #box4{
	position:relative;
	width:200px;
	height:200px;
	min-height:200px;
	height:auto;
	float:left;
	margin-left:33px;
	padding-top:20px;
	
}
#box1{
	margin-left:20px;	
}
div.homebox a{
	position:absolute;
	bottom:0px;

	
}


/*PAGES*/
	
#totalpage{
	width:940px;
	background-image:url(../images/fond_page.gif);
	background-repeat:repeat-x;
	padding-top:40px;
	float:left;
}
#col_left{
width:220px;
float:left;
}
#content_page{
	width:660px;
	float:left;
	margin-left:40px;
}
#content_page h1{
	color:#007198;
	text-transform:none;
	font-size:24px;
	font-weight:normal;
	padding-bottom:10px;
}
#content_page h2{
	color:#007198;
	text-transform:none;
	font-size:18px;
	font-weight:normal;
	padding-bottom:10px;
}
#content_page h3{
	color:#007198;
	text-transform:none;
	font-size:18px;
	font-weight:normal;
	padding-bottom:5px;
}
#content_page .soustitre{
	color:#007198;
	text-transform:none;
	font-size:18px;
	font-weight:normal;
}
#content_page p.soustitre{
padding-bottom:10px;
}

#content_page ul{
	padding-left:0px;
	list-style:none;
}
#content_page li {
	background-image: url(/images/bullet_point.gif);
	background-repeat:no-repeat;
	padding-left: 15px;
	background-position: left 5px;
	margin-bottom:8px;
} 
#controller li, #images li{
	background-image: none;
}



/*MENU*/

#menu_rub{
position:relative;
width: 900px;
margin-left:26px;
margin-top:35px;

}

#menu_rub ul{
	list-style:none;
	padding:0px;
	margin:0px;
	

}

#menu_rub li {
	float: left;
	margin-right:30px;
	
}

#menu_rub ul li a{
	color:#000000;
	font-size:18px;
	display:block;
	float:left;
	text-transform:uppercase;
	text-decoration:none;
}

#menu_rub ul li a:hover{
	color: #b4b4b4;
	text-decoration:none;
}


#menu_rub ul li a.current{
	color:#b4b4b4;

}


#menu_rub li .first a{
	
}

#menu_rub li .selected{
	
}

/*SOUS MENU*/

#sous_menu_left{
margin-bottom:14px;

}

#sous_menu_left ul{
	list-style:none;
	padding:0px;
	margin:0px;
	border-top:1px solid #dadada;
	width:220px;
}
#sous_menu_left ul li{
	padding-left:19px;
/*	padding-bottom:12px;*/
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px solid #dadada;
	width:201px;
}

#sous_menu_left li  a{
	color:#000000;
	font-size:14px;

}
#sous_menu_left li  a.current{
	color:#b4b4b4;
}

#sous_menu_left li  a:hover{
	color:#b4b4b4;
}

/*MENU LAN*/

#language_menu{
position: relative;
float: right;
width:auto;
margin-right:30px;
text-transform:none;
}

#language_menu ul{
padding:0px;
margin:0px;
}

#language_menu ul li{
list-style:none;
display:inline;

}

#language_menu li a {
text-decoration:none;
padding-left:18px;
color:#000;
}
#language_menu  a:hover{
text-decoration:none;
}

#language_menu li a.current {
text-decoration:none;
color:#b4b4b4;
}
#language_menu li a.lan {
text-transform:uppercase;
}

/*MENU FOOTER*/

#footer{
	background-image:url(../images/footer_fond.png);
	background-repeat:repeat-x;
	height:200px;
	min-height:240px;
	height:auto;
	 margin-left:7px;
	 width:940px;
	 padding-top:20px;
	 color:#4F4F4F;
	font-size:11px;
	position:relative;


}

#footer ul{
	list-style:none;
	padding:0px;
	margin:0px;
	margin-left:20px;
}

#footer ul li {
	float: left;
	width:200px;
	margin-left:33px;

}
#footer ul li.first {
	float: left;
	width:200px;
	margin-left:0px;

}
#footer ul li a.titre_footer{
	color:#000000;
}
#footer ul li a{
	color:#4f4f4f;
	padding:0px;
	margin:0px;
	/*padding-right:104px;*/
	font-size:11px;

}
#footer ul li ul{
	list-style:none;
	padding:0px;
	margin:0px;
	}
#footer ul li ul li{
width:auto;
float:none;
margin-left:0px;
padding-top:4px;
}
#footer ul li ul li a{
	color:#4f4f4f;
	padding:0px;
	margin:0px;
	font-size:11px;
}
#footer ul li ul li a:hover{
	color:#000000;

}

/*MEDIAS*/

#titre_medias{
	width:100px;
	padding-top:20px;
	padding-bottom:20px;
}

#gallerie{
	width:640px;
	padding-left:20px;
	background-image:url(../images/fond_page.gif);
	background-repeat:repeat-x;
	
}

#gallerie .cycle-media-slideshow{
	width:620px;
	height:465px;
	overflow:hidden;
	position:relative;
}

.image_media_slider {
    background-repeat: no-repeat;
    background-size: cover;
	background-position:center center;
    width: 100%;
}

.image_media_slider::after {
	position: relative;
    content: "";
    display: block;
    height: auto !important;
    padding-top: 75%;
}

#custom-pager a{
	margin-right:10px;
	font-size:16px;
	margin-bottom:10px;
}
.media_slider{
	height:100%;
	width:100%;
	
}
.video_media_slider{
	width:100%; 
   height:465px;

}
#custom-pager strong  a{
	color:#000000;	
}
#custom-pager strong.cycle-pager-active a{
	color:#007198 !important;	
}