/*----- STYLES DE BASE ----- */
*{
	margin:0;
	padding:0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
html{font-size:100%;min-height:100%;}
body
{
	font-family:Open Sans,Arial,Helvetica,FreeSans,sans-serif;
    font-size:0.9em;
	background:#fff;
	color:#1a171b;
}
h1,h2,h3,h4,h5{font-family:'Yanone Kaffeesatz',sans-serif;font-weight:normal;}
h1{color:#126599;font-size:2.2em;margin-bottom:10px;}
h1.np_1{color:#57585a;}
h2{display:inline-block;width:100%;height:40px;font-size:1.8em;color:#2391c0;margin:0;padding:3px 0px 3px 10px;background:url('../images/background/h2.png') no-repeat top right #dbe4e9;margin-bottom:10px;}

.i_f_th_{padding-left:73px;} /*default*/
.i_f_th_1{display:inline-block;height:44px;padding:7px 0 0 73px;background:url('../images/formations/theme_1.png') no-repeat;}
.i_f_th_2{display:inline-block;height:44px;padding:7px 0 0 73px;background:url('../images/formations/theme_2.png') no-repeat;}
.i_f_th_3{display:inline-block;height:44px;padding:7px 0 0 73px;background:url('../images/formations/theme_3.png') no-repeat;}
.i_f_th_4{display:inline-block;height:44px;padding:7px 0 0 73px;background:url('../images/formations/theme_4.png') no-repeat;}
.i_f_th_5{display:inline-block;height:44px;padding:7px 0 0 73px;background:url('../images/formations/theme_5.png') no-repeat;}

h3{font-size:1.6em;color:#57585a;margin-bottom:7px}
h4{font-size:1.3em;color:#f5a400;}
h5{font-size:0.9em;color:#f5a400;}
ul{list-style:none;}
p
{
	font-size:0.9em;
	line-height:1.6em;
	text-align:justify;
	margin:0;	
}
li{line-height:1.7em;}
a, a.visited{color:#1a171b;text-decoration:none;}
a:hover{color:#f5a400;text-decoration:none;}
a img{border:none;}
a img:hover 
{
    opacity:0.8;
    -ms-filter: "alpha(opacity=80)"; /* ie8-10*/
}
img{max-width:100%;height:auto;width:auto\9; /* ie8 */}
input{height:25px;vertical-align:middle;border:1px solid #777777;}
iframe{border:0;}

/*----- STRUCTURE > SITE ----- */
#site{width:960px;margin:0 auto 0 auto;padding:7px 10px 10px 10px;background:#fff;overflow:hidden;}

/*----- STRUCTURE > HEADER ----- */
#header
{
	float:left;
	margin-top:5px;
	width:100%;
	margin-bottom:15px;
	background:#fff;
}
#h_logo{float:left;width:50%;}

#h_contact{float:left;width:35%;margin-top:2px;border-left:1px solid #777777;padding-left:10px;font-size:1.1em;}
#h_contact_titre
{
	background:#777777;
	color:#fff;
	padding:2px 8px 3px 8px;
	font-size:0.9em;
	border-radius:5px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;	
}
#h_contact_titre:hover{background:#f5a400;}
#h_contact_titre.selected{background:#f5a400;}
#h_contact p{float:left;margin-top:8px;font-size:0.8em;line-height:1.6em;color:#777777;margin-left:8px;}

#h_reseaux{float:left;width:15%;background:url('../images/background/reseaux.png') no-repeat top right;font-size:0.9em;}
#h_reseaux_titre{color:#777777;font-size:1.1em;}
#h_reseaux img{width:30px;height:30px;margin-left:10px;margin-top:5px;}
#h_reseaux a {display:inline-block;}
.h_gg{background:url('../images/reseaux/google-plus-2.png') no-repeat 10px 5px ;}
.h_gg:hover img{visibility:hidden;}
.h_tw{background:url('../images/reseaux/twitter-2.png') no-repeat 10px 5px ;}
.h_tw:hover img{visibility:hidden;}
.h_vi{background:url('../images/reseaux/viadeo-2.png') no-repeat 10px 5px ;}
.h_vi:hover img{visibility:hidden;}
.h_li{background:url('../images/reseaux/linkedin-2.png') no-repeat 10px 5px ;}
.h_li:hover img{visibility:hidden;}
.h_fb{background:url('../images/reseaux/facebook-2.png') no-repeat 10px 5px ;}
.h_fb:hover img{visibility:hidden;}

#menu_1{float:left;width:100%;margin-top:10px;background:#2392c0;color:#fff;}
#menu_1 li{float:left;padding:0;}
#menu_1 li a{display:inline-block;padding:4px 14.5px 4px 14.5px;color:#fff;font-size:1em;font-weight:normal;}
#menu_1 li a:hover{background:#707173;}
#menu_1 li a.selected{background-color:#2391c0;color:#fff;}
#menu_1 li a.selected:hover{color:#ffffff;}
#menu_1 li:last-child {margin-right:0;}
.i_hp{margin-bottom:-3px;}

.menu_2{float:left;width:100%;margin-top:-5px;margin-bottom:20px;}
.menu_2 li {margin:2px 0 3px 0;}
.menu_2 li a{color:#777777;font-size:1.1em;font-weight:normal;}
.menu_2 li a:hover{color:#f5a400;}
.menu_2 li a.selected{color:#1a171b;}

/*----- COMMUN ----- */
#nav_b{float:left;width:100%;font-size:0.8em;margin-bottom:15px;color:#57585a;}
#nav_b a{color:#57585a;}

/*----- HOMEPAGE ----- */
#hp_container{float:left;width:100%;}
#hp_slider{float:left;width:100%;}

#hp_l1{float:left;width:100%;margin-top:10px;text-align:center;border-bottom:1px dotted #777777;margin-bottom:15px;}

.hp_l1_titre {
  font-size:2.4em;
  line-height:1;
  text-align:center;
}
.hp_l1_titre span {
  display:inline-block;
  position:relative;  
}
.hp_l1_titre span:before,
.hp_l1_titre span:after {
  content:"";
  position:absolute;
  height:20px;
  border-bottom:1px solid #777777;
  top:0;
  width:280px;
}
.hp_l1_titre span:before {
  right:100%;
  margin-right:15px;
}
.hp_l1_titre span:after {
  left:100%;
  margin-left:15px;
}

#hp_l1 h2 {display:inline-block;width:100%;height:32px;font-size:2em;color:#622180;padding:0;background:none;margin-bottom:0;}
.hp_l1_b
{
	float:left;
	width:22%;
	text-align:center;font-size:1em;line-height:1.5em;
	margin-right:4%;
	margin-top:5px;
	margin-bottom:10px;
}
.hp_l1_b img{margin-left:15px;margin-bottom:-5px;}
.hp_l1_b a{display:block;font-size:0.9em;line-height:1.5em;color:#777777;}
.hp_l1_b a:hover{color:#622180;}

#hp_l2{float:left;width:100%;margin-bottom:15px;}
.hp_l2_b
{
	float:left;
	width:22%;
	height:77px;
	margin-right:4%;
	padding:5px;
	text-align:center;
	background:url('../images/background/home_focus_produit.png') no-repeat center;
}
.hp_l2_b h3{font-size:1.8em;color:#fff;line-height:1.1em;}
.hp_l2_b a{color:#fff;}
.hp_l2_b a:hover{color:#57585a;}

#hp_l3{float:left;width:100%;}
#hp_l3 h3{font-size:2em;}

/*----- STRUCTURE > CONTENU ----- */
#container{float:left;width:67%;margin-right:3%;}
article{margin-bottom:10px;}
article h2{margin-top:10px;}
article strong{color:#622180;font-size:1em;}
article p{margin-bottom:10px;}
article a,article a:hover{text-decoration:underline;}
article ol{margin:10px 0 10px 25px;font-size:0.9em;}
article ul{margin:10px 0 10px 25px;font-size:0.9em;list-style-type:square;}
article li{margin-left:25px;margin-bottom:5px;}
article img{float:left;}

article .media_texte{float:left;width:100%;margin-bottom:20px;}
article .media_texte_txt{float:left;width:72%;}
article .media_texte_img{float:left;width:25%;}
article .L{margin-right:3%;}
article .R{margin-left:3%;}

article .media_video{float:left;width:100%;position:relative;height:0;padding-bottom:56.25%;overflow:hidden;margin-bottom:45px;}
article .media_video iframe{position:absolute;width:100% !important;height:100% !important;top:0;left:0;}

article .media_galerie_photos {float:left;width:100%;list-style-type:none;margin:0;margin-bottom:45px;}
article .media_galerie_photos li{float:left;margin:0 9px 9px 0;}
article .media_galerie_photos li img{}

article .media_document{height:40px;background:url('../images/icones/pdf.png') no-repeat;padding:10px 0 0 50px;}

/*----- STRUCTURE > SIDER ----- */
#sider{float:right;width:30%;padding:20px 15px 30px 15px;background:url('../images/background/sider_bloc.png') no-repeat top right #dbe4e9;color:#1a171b;margin-bottom:15px;}
#sider h3{color:#2391c0;}
.i_sider_1{padding-left:33px;background:url('../images/icones/sider_1.png') no-repeat top left;}
.i_sider_2{padding-left:33px;background:url('../images/icones/sider_2.png') no-repeat 0px 5px;}
.i_sider_3{padding-left:33px;background:url('../images/icones/sider_3.png') no-repeat 0px 5px;}
.i_sider_4{padding-left:33px;background:url('../images/icones/sider_4.png') no-repeat 0px 5px;}
.i_sider_5{padding-left:33px;background:url('../images/icones/sider_5.png') no-repeat 0px 6px;}
.i_sider_6{padding-left:33px;background:url('../images/icones/sider_6.png') no-repeat 0px 4px;}
#sider p{font-size:0.8em;text-align:left;}
#sider ul{font-size:0.8em;text-align:left;}

/*----- FORMATIONS ----- */
.f_table {border-collapse:collapse;width:100%;}
.f_table td{text-align:left;padding:7px;}
.f_table a {color:#1a171b;}
.f_table a:hover {color:#622180;}
.f_flech{padding-left:21px;background:url('../images/icones/flesh.png') no-repeat ;}


.f_toggle_vue {margin-top:15px;font-size:0.9em;}
.f_toggle_vue li {position:relative;padding:10px 10px 1px 10px;background:#ececed;margin-bottom:15px;cursor:pointer;}
.f_toggle_vue li  img{float:left;margin-right:10px;}
.f_toggle_vue .f_nb{position:absolute;height:20px;right:65px;top:26px;}
.f_toggle_vue .f_icone {position:absolute;width:29px;height:20px;right:15px;top:26px;cursor:pointer;background:url('../images/icones/plus.png') no-repeat;}
.f_toggle_vue .f_table {display:none;}

#f_inscription{position:relative;padding:15px 10px 15px 10px;background:#ececed;}
#f_inscription_autres_dates{position:absolute;right:15px;top:23px;color:#57585a;font-size:0.8em;}

#frm_f_subrogation_facturation{display:none;}

.f_lien_catalogue{height:40px;font-size:0.9em;}

#sider .telechargement_b{margin-top:40px;text-align:center;margin-bottom:10px;}
#sider .telechargement_b img{float:left;padding-top:3px;margin-right:5px;}
#sider .telechargement_b p{line-height:1.5em;font-size:0.9em;}
#sider .telechargement_b a:hover{color:#7a7a7a;}

/*----- STRUCTURE > FOOTER ----- */
#footer{float:left;width:100%;background:#2392c0;padding:5px;}
#menu_3{float:left;color:#fff;font-size:0.8em;}
#menu_3 li{float:left;margin-left:30px;padding:0;}
#menu_3 li a{display:inline-block;color:#fff;}
#menu_3 li a:hover{color:#feeed5;}
#menu_3 li:last-child {margin-right:0;}

/*----- FORM ----- */
#frm{margin-top:15px;padding:15px;background:#ececed;}
#frm fieldset{border:none;padding:0;margin-bottom:15px;}
#frm legend{margin:10px 0px 20px 0px;font-family:'Yanone Kaffeesatz',sans-serif;font-size:1.8em;color:#622180;}
#frm fieldset label{float:left;width:25%;text-align:right;padding-right:15px;}
#frm .label_radio{float:none;text-align:left;margin-left:5px;margin-right:15px;}
#frm fieldset p{margin-bottom:15px;}
#frm input[type='radio']{border:0;}
#frm textarea{width:100%;border:1px solid #777777;}

.bouton 
{ 
	display:block;
	float:left;
	cursor:pointer;
	padding:5px 15px 30px 15px;
	font-family:'Yanone Kaffeesatz',sans-serif;
	font-size:1.5em;
	color:#fff;
	background:#124477;
	border:0;
}
.bouton:hover{background:#777777;}
a.bouton{display:block;padding:5px;font-size:1.6em;color:#fff;}
a.bouton:hover{color:#fff;}
.oblig{margin-left:2px;font-size:1em;color:#622180;}

/*----- ADAPTATIONS ----- */
.bg_color_1{background-color:#88bbd7;}

.mar_t_30{margin-top:30px;}
.mar_t_20{margin-top:20px;}
.mar_t_10{margin-top:10px;}
.mar_t_0{margin-top:0 !important;}
.mar_l_10{margin-left:10px;}
.mar_l_15{margin-left:15px !important;}
.mar_r_0{margin-right:0 !important;}
.mar_r_10{margin-right:10px;}
.mar_b_0{margin-bottom:0 !important;}
.mar_b_10{margin-bottom:10px;}
.mar_b_20{margin-bottom:20px;}
.mar_b_30{margin-bottom:30px;}
.pad_10{padding:10px;}
.pad_20{padding:20px;}
.pad_l_0{padding-left:0 !important;}
.pad_t_0{padding-top:0;}
.pad_t_10{padding-top:10px;}
.pad_t_20{padding-top:20px;}
.pad_t_40{padding-top:40px;}
.pad_t_80{padding-top:80px;}
.pad_t_10{padding-right:10px;}
.pad_b_0{padding-bottom:0 !important;}
.pad_b_20{padding-bottom:20px;}
.pad_b_10{padding-bottom:10px;}
.bor_r_0{border-right:0 !important;}
.bor_b_0{border-bottom:0 !important;}
.img_b_0{display:block}
.font_inf_1{font-size:0.9em;}
.font_inf_2{font-size:0.8em;}
.font_s_2em{font-size:2em;}
.font_c_1{color:#777777;}
.font_ita{font-style:italic;}
.txt_a_j{text-align:justify !important;}
.b_arr{border-radius:8px;-moz-border-radius:8px;-khtml-border-radius:8px;-webkit-border-radius:8px;}
.b_omb
{
	/* Ombrage : fonctionne sur Chrome, Safari 4, Firefox 3 - Ne fonctionne pas sur Opera, ni sur IE6, IE7, IE8 */
	-moz-box-shadow: 1px 1px 6px #777777; 
    -webkit-box-shadow: 1px 1px 6px #777777; 
    box-shadow: 1px 1px 6px #777777;
}
.txt_under_0{text-decoration:none;}

/*----- SPECIFIQUE HTML POUR CMS ----- */
.projet_b
{
	float:left;
	width:22%;
	text-align:center;font-size:1em;line-height:1.5em;
	margin-right:4%;
	margin-top:5px;
	margin-bottom:10px;
}
.projet_b img{margin-left:15px;margin-bottom:-5px;}
.projet_b a{display:block;font-size:0.9em;line-height:1.5em;color:#777777;text-decoration:none;}
.projet_b a:hover{color:#622180;}

/*----- CLEARFIX ----- */
.clearfix:after { visibility:hidden; display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix {display:inline-block;}
.clearfix {display:block;zoom: 1;}