@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans-regular.eot');
    src: url('fonts/opensans-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular.woff') format('woff'),
         url('fonts/opensans-regular.ttf') format('truetype'),
         url('fonts/opensans-regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans-regular.ttf') format('truetype');
  }
}

@font-face {
    font-family: 'SourceSansProLight';
    src: url('fonts/sourcesanspro-light.eot');
    src: url('fonts/sourcesanspro-light.eot') format('embedded-opentype'),
         url('fonts/sourcesanspro-light.woff') format('woff'),
         url('fonts/sourcesanspro-light.ttf') format('truetype'),
         url('fonts/sourcesanspro-light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'SourceSansProLight';
    src: url('fonts/sourcesanspro-light.ttf') format('truetype');
  }
}

body{
	font-family:open_sansregular;
}

h1{
	font-family: 'SourceSansProLight';
	color:#086bb4;
	font-size:32px;
	font-weight:bold;
}

h2{
	font-family: 'SourceSansProLight';
	color:#000000;
	font-size:28px;
	font-weight:bold;
}

h3{
	font-family: 'SourceSansProLight';
	color:#000000;
	font-size:22px;
	font-weight:bold;
}

p{
	/*line-height: 24px;*/
	font-size: 13px;
}

a{
	color:#086bb4;
}

img{
	max-width:100%;
}

iframe{
border:0px;
}

.clearer{
	clear:both;
}

/* CONTENEURS */

#top{
	background:#ffffff;
}

#heading{
	background:#ffffff;
}

 #bottom{
 	margin:0px;
 	background:#333333;
 	min-height:200px;
 }

/* BANDEAU */

p.infos{
	color:#333333;
	font-size:14px;
	font-weight: bold;
	margin:10px 0px 30px 0px;
	text-align:right;
}

p.infos span{
	padding:0px 0px 0px 25px;
	background:url('portail/ico_telephone.png') no-repeat left center;
}

p.infos a{
	display:inline-block;
	text-align:center;
	background:#067f1c;
	color:#ffffff;
	font-size:14px;
	font-weight: bold;
	line-height:40px;
	padding:0px 20px;
	margin:0px 0px 0px 20px;

	border-radius:5px;
	transition: background-color 200ms linear;
}

p.infos a:hover{
	background:#086bb4;
	text-decoration:none;
}

/* SLIDESHOW */

.home_slideshow .row{
	margin:0;
}

.home_slideshow .col-md-12{
	padding:0;
}

#slideshow{
	width:100%;
}

.slides{
	width:100%;
	height:320px;
	position:relative;
}

.slidex{
	width:100%;
	height:320px;
	position:absolute;
	left:0px;
	top:0px;
	background-position:center top;
	background-size:cover;
}

.slide1{
	background-image: url('portail/slide_1.jpg');
}

.slide2{
	background-image: url('portail/slide_2.jpg');
}

.slide3{
	background-image: url('portail/slide_3.jpg');
}

.slide_inner{
	position:relative;
	height:320px;
	padding:0px;
	margin:0 auto;
}

.slide_content{
	position:absolute;
	left:0px;
	top:100px;
	float:left;
	height:280px;
	padding:0px;
	margin:0px;
}

.slide_content h2{
	font-family: 'SourceSansProLight';
	color:#ffffff;
	font-size:72px;
	font-weight:normal;
	padding:20px 30px;
	margin:0;
	line-height:70px;

	background:#086bb4;
	background:rgba(8,107,180,0.8);
}

.slide_content .texte{
	color:#ffffff;
	font-size:18px;
	padding:20px 380px 20px 30px;
	margin:0;

	background:#000000;
	background:rgba(0,0,0,0.8);
}

.slide_lien{
	position:absolute;
	bottom:-20px;
	width:100%;
}

.slide_lien p.lien{
	text-align:center;
	margin:0px;
}

.slide_lien p.lien a{
	display:inline-block;
	text-align:center;
	background:#333333;
	color:#ffffff;
	font-size:18px;
	line-height:40px;
	padding:0px 40px;

	border-radius:5px;
	transition: background-color 200ms linear;
}

.slide_lien p.lien a:hover{
	background:#086bb4;
	text-decoration:none;
}

.slider_menu{
	margin:auto;
	position:relative;
	top:-30px;
}

.slider_menu ul{
	float:left;
	margin:0;
	padding:0;
	list-style: none;
}

.slider_menu li{
	float:left;
	margin:0px 10px 10px 0px;
}

.slider_menu li a{
	display:inline-block;
	width:10px;
	height:10px;
	padding:0px;
	color:#ffffff;
	background:#ffffff;

	border-radius:5px;
}

.slider_menu li a:hover,
.slider_menu li.selected a{
	background:#086bb4;
}

.slider_video{
	display:block;
	width:360px;
	height:320px;
	background:rgba(255,255,255,0.8);
	position:absolute;
	top:0px;
	right:50%;
	margin-right:-570px;
}

.slider_video p.titre_video{
	font-family: 'SourceSansProLight';
	color:#000000;
	font-size:30px;
	font-weight:normal;
	padding:10px 30px;
	margin:0;
}

.slider_video p img{
	border:5px solid #ffffff;
}

/* SOUS BANDEAU */

#sous_bandeau{
	width:100%;
	height:120px;
	background:url('portail/sous_bandeau.jpg') no-repeat left top;
}

#ariane{
	padding:20px 0px;
}

/* HOME SOLUTIONS */

.home_solutions{
	padding:10px 0px 20px 0px;
}

.home_solutions h1{
	font-family: 'SourceSansProLight';
	color:#086bb4;
	font-size:48px;
	font-weight:normal;
	margin:0;
}

.home_solutions h1 span{
	color:#333333;
}

.home_solutions h2{
	font-family:open_sansregular;
	color:#333333;
	font-size:30px;
	font-weight:normal;
}

.home_solutions p{
	color:#666666;
	text-align: justify;
	font-size:13px;
	margin:15px 0px;
}

.home_solutions p.image{
	text-align:center;
}

.home_solutions img{
	max-width:100%;
}

.home_solutions p.lien{
	text-align:center;
}

.home_solutions p.lien a{
	display:inline-block;
	text-align:center;
	background:#333333;
	color:#ffffff;
	font-size:18px;
	line-height:40px;
	padding:0px 40px;

	border-radius:5px;
	transition: background-color 200ms linear;
}

.home_solutions p.lien a:hover{
	background:#086bb4;
	text-decoration:none;
}

/* HOME POURQUOI */

.home_pourquoi{
	padding:20px 0px;
	position:relative;
	margin:0px 0px 100px 0px;

	background: url('portail/chalkboard_bg.jpg') 50% 0 repeat fixed;
	min-height: 410px; 
	height: 410px; 
	margin: 0 auto; 
	width: 100%; 
	position: relative; 
}

.home_pourquoi p.titre{
	font-family: 'SourceSansProLight';
	color:#ffffff;
	font-size:72px;
	font-weight:normal;
	margin:0;
}

.home_pourquoi h2{
	font-family:open_sansregular;
	color:#086bb4;
	font-size:30px;
	font-weight:normal;
	text-align:center;
}

.home_pourquoi p{
	color:#ffffff;
	font-size:12px;
	margin:15px 0px;
	text-align: center;
}

.home_pourquoi p.image{
	text-align:center;
}

/* HOME BLOG */

.home_blog{
	padding:20px 0px;
}

.home_blog p.titre{
	font-family: 'SourceSansProLight';
	color:#086bb4;
	font-size:72px;
	font-weight:normal;
}

.home_blog p.titre span{
	color:#333333;
}

.home_blog .actu img{
	clear:both;
	float:left;
	margin:0px 30px 0px 0px;
}

.home_blog .actu h3{
	font-family:open_sansregular;
	color:#333333;
	font-size:18px;
	font-weight:normal;
}

.home_blog .actu p{
	color:#666666;
	font-size:12px;
	margin:20px 0px;
}

.home_blog .actu_princ img{
	clear:both;
	float:left;
	margin:0px 30px 0px 0px;
}

.home_blog .actu_princ h3{
	font-family:open_sansregular;
	color:#333333;
	font-size:24px;
	font-weight:normal;
	margin:30px 0px;
}

.home_blog .actu_princ p{
	color:#666666;
	font-size:14px;
	margin:20px 0px;
}

/* HOME RESPONSIVE */

.home_responsive{
	padding:20px 0px;
	position:relative;
	margin:0px 0px 100px 0px;

	background: url('portail/responsive_bg.jpg') 50% 0 repeat fixed;
	min-height: 485px; 
	height: 485px; 
	margin: 0 auto; 
	width: 100%; 
	position: relative; 
}

.home_responsive p{
	color:#ffffff;
	font-size:36px;
	margin:20px 0px;
	text-align: right;
}

.home_responsive img{
	position:absolute;
}

/* HOME TEMOIGNAGES */

.home_temoignages{
	padding:30px 0 20px 0px;
}

.home_temoignages p.titre{
	font-family: 'SourceSansProLight';
	color:#333333;
	font-size:72px;
	font-weight:normal;
	text-align:right;
	margin:30px 0px;
}

.home_temoignages .temoignage_princ p.image{
	text-align:center;
}

.home_temoignages .temoignage_princ p.citation{
	color:#333333;
	font-size:26px;
	margin:20px 0px;
	font-style: italic;
}

.home_temoignages .temoignage_princ p.auteur{
	color:#333333;
	font-size:18px;
	font-weight:bold;
	text-align:right;
}

.home_temoignages .temoignage_princ p.auteur span.fonction{
	color:#888888;
	font-size:14px;
	font-weight:normal;
	text-align:right;
}

.home_temoignages .temoignage img{
	float: left;
	margin:0px 20px 0px 0px;
}

.home_temoignages .temoignage p.citation{
	color:#666666;
	font-size:15px;
	margin:20px 0px;
	font-style: italic;
}

.home_temoignages .temoignage p.auteur{
	color:#333333;
	font-size:13px;
	font-weight:bold;
	text-align:right;
}

.home_temoignages .temoignage p.auteur span.fonction{
	color:#888888;
	font-size:12px;
	font-weight:normal;
	text-align:right;
}

/* HOME REFERENCES */

.home_references{
	background:#086bb4;
	padding:20px 0px 40px 0px;
}

.home_references p.titre{
	font-family: 'SourceSansProLight';
	color:#ffffff;
	font-size:72px;
	font-weight:normal;
	text-align:center;
	margin:20px 0px;
}

.home_references .reference{
	position:relative;
	overflow:hidden;
	width:100%;
	height:320px;
	max-width: 370px;
	border:10px solid #ffffff;
	margin:0 auto 10px auto;
}

.home_references p{
	text-align:center;
}

.home_references a{
	position:absolute;
	display:block;
	margin:0px 0px 10px 0px;
}

.home_references img{
	max-width:none;
}

.home_references span{
	position:absolute;
	left:0;
	bottom:0;
	background:#ffffff;
	width:100%;
	font-size:22px;
	padding:10px;
}

.texte_accueil{
	padding:0;
}

.texte_accueil p{
	color:#ffffff;
	font-size:14px;
	margin:5px 0px;
	text-align:justify;
}

.texte_accueil p.intro{
	font-size:20px;
	margin:0 0 20px 0;
}

.texte_accueil h2{
	color:#FFFFFF;
	font-size:30px;
}

/* HOME RESEAUX SOCIAUX */

.home_social{
	background:#004788;
	padding:20px 0px;
}

.home_social p{
	color:#ffffff;
	font-size:24px;
	text-align: left;
	line-height:48px;
	padding:0px 20px 0px 0px;
	margin:0px;
}

.home_social span{
	float:left;
	color:#ffffff;
	font-size:24px;
	text-align: left;
	line-height:48px;
	padding:0px 20px 0px 0px;
}

.home_social input{
	height:40px;
	color:#777777;
	font-size:14px;
	padding:5px 10px;
	border:1px solid #ffffff;
	margin:0px 10px 0px 0px;
}

.reseaux_sociaux ul{
	float:left;
	margin:0;
	padding:0;
	list-style: none;
	text-align:center;
}

.reseaux_sociaux li{
	display:inline-block;
	width:48px;
	height:48px;
	margin:0px 10px 0px 0px;
}

.reseaux_sociaux li a{
	display:inline-block;
	width:48px;
	height:48px;
}

.rs_facebook a{
	background-image: url('portail/ico_facebook.png');
}

.rs_twitter a{
	background-image: url('portail/ico_twitter.png');
}

.rs_linkedin a{
	background-image: url('portail/ico_linkedin.png');
}

.rs_googleplus a{
	background-image: url('portail/ico_googleplus.png');
}

.rs_rss a{
	background-image: url('portail/ico_rss.png');
}

.rs_vimeo a{
	background-image: url('portail/ico_vimeo.png');
}

.rs_pinterest a{
	background-image: url('portail/ico_pinterest.png');
}

.rs_facebook a:hover{
	background-image: url('portail/ico_facebook_h.png');
}

.rs_twitter a:hover{
	background-image: url('portail/ico_twitter_h.png');
}

.rs_linkedin a:hover{
	background-image: url('portail/ico_linkedin_h.png');
}

.rs_googleplus a:hover{
	background-image: url('portail/ico_googleplus_h.png');
}

.rs_rss a:hover{
	background-image: url('portail/ico_rss_h.png');
}

.rs_vimeo a:hover{
	background-image: url('portail/ico_vimeo_h.png');
}

.rs_pinterest a:hover{
	background-image: url('portail/ico_pinterest_h.png');
}

.home_social .newsletter a{
	display:inline-block;
	text-align:center;
	background:#086bb4;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	line-height:40px;
	padding:0px 40px;

	transition: background-color 200ms linear;
}

.home_social .newsletter a:hover{
	background:#222222;
	text-decoration:none;
}

.home_social .newsletter .form_inscription_newsletter{
	margin-top:7px;
}

/* FOOTER */

.footer{
	padding:0 15px 20px 15px;
}

.footer p.titre{
	font-family:open_sansregular;
	color:#999999;
	font-size:30px;
	font-weight:normal;
	text-align:center;
	margin:20px 0px;
}

.footer p{
	color:#ffffff;
	font-size:12px;
	text-align:center;
}

.footer ul{
	margin:0;
	padding:0;
	list-style: none;
	text-align:left;
}

.footer li{
	text-align: center;
	font-size: 12px;
}

.footer li a{
	color:#ffffff;
	padding:0px 0px 0px 20px;
	background: url('portail/footer_bullet.png') no-repeat left center;
}

/* PAGE */ 

/* SOUS BANDEAU */

.sous_bandeau{
	background:url('portail/sous_bandeau.jpg') no-repeat center top;
	height:160px;
}

.bandeau_titre{
	background:#086bb4;
}

.titre_menu{
	background:#267dbd;
	padding:55px 0 31px 0;
}

.titre_menu h2{
	padding:10px;
	margin:0;
	color:#ffffff;
}

.ariane{
	color:#ffffff;
	padding:10px 0;
}

.ariane a{
	color:#ffffff;
}

h2.titre_rubrique{
	font-family: 'SourceSansProLight';
	color:#ffffff;
	font-size:46px;
	font-weight:normal;
	text-align:left;
	margin:5px 0;
}

.page_portail{
	padding:0 0 20px 0;
}

/* MENU LATERAL */

.colonne_gauche{
	padding:0;
}

.side_menu{
	
}

.side_menu ul{
	list-style:none;
	padding:20px;
	background:#086bb4;
	margin:20px 0 20px 0;
}

.side_menu ul li{
	margin:10px 0;
}

.side_menu ul li a{
	font-size:18px;
	background: url('portail/side_menu_n1.png') no-repeat left center;
	padding:0px 0px 0px 20px;
	color:#ffffff;
}

.side_menu ul ul{
	list-style:none;
	padding:0;
	background:transparent;
	margin:0;
}

.side_menu ul li li a{
	font-size:14px;
	background: url('portail/side_menu_n2.png') no-repeat 20px center;
	padding:0px 0px 0px 40px;
	color:#ffffff;
}

.side_menu h3 {
color:#FFFFFF;
}


/* BLOC CONTACT LATERAL */

.bloc_side_contact {
    background: #267dbd;
    margin: 0 0 20px;
    padding: 20px 20px 20px 20px;
}

.bloc_side_contact h2 {
    color: #ffffff;
    font-size: 24px;
    font-weight: normal;
    line-height: 30px;
    margin: 0 0 10px;
    padding: 0;
}

.bloc_side_contact span.icon {
	float: left;
	margin:0 10px 0 0;
    background: none repeat scroll 0 0 #448ec6;
    border-radius: 35px;
    color: #ffffff;
    display: inline-block;
    font-size: 0;
    height: 70px;
    line-height: 70px;
    padding: 10px;
    text-align: center;
    width: 70px;

    transition: background-color 200ms linear 0s;

    border: 4px solid #ffffff;
}

.bloc_side_contact span.icon img {
	display: block;
}

.bloc_side_contact .contact_texte {
    margin: 0 0 10px;
}

.bloc_side_contact .contact_telephone {
    clear: both;
    padding: 0 0 20px 0;
}

.bloc_side_contact .contact_email {
    clear: both;
	padding: 0;
}

.bloc_side_contact p {
    color: #ffffff;
    font-size:12px;
    line-height:30px;
    margin: 0;
    padding: 0;
}

.bloc_side_contact p.num_tel {
    color: #ffffff;
    font-size: 22px;
    font-weight: bold;
    line-height:30px;
    margin: 0;
    padding: 0;
}

.bloc_side_contact p.lien_form {
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    line-height:20px;
    margin: 0;
    padding: 0;
}

.bloc_side_contact p.lien_form a {
    color: #ffffff;
    text-decoration: none;
}

.bloc_side_contact .reseaux_sociaux{
	margin:20px 0 0 0;
}















/***********************************************************************************************************/
/*------------------------ Styles e-Keyeo Default ----------------- */
/***********************************************************************************************************/

a.logo img{
max-height:130px;
}

#alerte_uti_secondaire{
width:94%;background-color:#444;color:#ffffff;padding:7px 3% 7px 3%;font-size:11px;
}
#alerte_uti_secondaire a{
background:#000000;border-radius:5px;padding:7px;text-decoration:none;line-height:20px;color:#FFFFFF;
}

p, li{
margin:0px;
font-size:13px;
}

img{
border:none;
}

div.actions{
padding:10px 0px;
text-align:center;
}
span.obligatoire{
font-size:11px;color:red;
}
div.obligatoire{
font-size:11px;padding:10px 0px;color:red;
}

/*---------------------------MOTEUR DE RECHERCHE---------------------------*/

#recherche input[type="text"]{

padding: 5px 10px 5px;
height: 32px;
border: none;
-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.08); box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.08);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

color: #3a3a3a;
font-family: Arial, sans-serif;
font-size: 16px;
line-break: 20px;
line-height:27px;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
}


.onglet_recherche{
width:150px;
padding:10px;
margin-right:10px;
}

.onglet_recherche_selected{
border-top:solid 1px #dddddd;
border-left:solid 1px #dddddd;
border-right:solid 1px #dddddd;
background:#ffffff;
width:150px;
padding:10px;
margin:5px;
}

.lien_onglet_recherche{
color:#296482;
font-size:12px;
text-decoration:none;
font-weight:bold;
}

.table_form_recherche{
background:#ffffff;
}

/*---------------------------FIL ARIANE---------------------------*/

#ariane{
clear:both;
color:#31579e;
font-size:12px;
display:block;
width:980px;
padding:12px 0px 3px 0px;
height:15px;
line-height:15px;
}

.div_ariane{
float:left;
}
#ariane a {
font-size:12px;
color:#31579e;
text-decoration:none;
}

#ariane_fil{
float:left;
}

#ariane_outils{
float:right;
}

#ariane_outils img {
vertical-align:middle;
padding:0px 5px 0px 0px;
}

#ariane_outils a {
padding:0px 0px 0px 10px;
font-size:12px;
color:#31579e;
}


/*---------------------------ANNUAIRE---------------------------*/

.annuaire{
float:left;
width:220px;
padding:0px;
margin:0px 0px 10px 0px;
}

.annuaire h3{
background:url('portail/h1_bg_1.gif') no-repeat left center;
font-size:24px;
color:#31579e;
width:200px;
padding:0px 0px 0px 20px;
margin:0px;
line-height:32px;
font-weight:normal;
}

.annuaire .contenu{
float:left;
width:220px;
padding:0px 0px 10px 0px;
margin:0px 0px 0px 0px;
}

.annuaire p{
font-size:12px;
color:#444444;
padding:0px;
margin:10px 0px;
font-weight:normal;
}

.annuaire a{
background:url('portail/bouton_annuaire.gif') no-repeat top left;
display:block;
text-align:left;
padding:0px 10px;
width:153px;
height:25px;
line-height:25px;
color:#FFFFFF;
font-size:11px;
text-decoration:none;
}

/*------------------ ARTICLES ----------------*/


.article{
float:left;
width:100%;
}

.article h1{
color:#296482;
font-weight:normal;
font-size:30px;
margin:5px 0px;
padding:0px;
border-bottom:solid 2px #dddddd;
}

.article .contenu{
float:left;
padding:0px 20px;
}

.article p{
margin:10px 0px;
text-align:justify;
}

.article .chapeau{
float:left;
width:100%;
}

.article .chapeau p{
font-size:14px;
font-weight:bold;
}

.article .zone1{
float:left;
width:100%;
margin:10px 0px;
}

.article .zone1 img{
float:left;
display:block;
background:#000000;
margin:10px 20px 10px 0px;
width:320px;
}

.article .zone2{
float:left;
width:100%;
margin:10px 0px;
}

.article .zone2 img{
float:right;
display:block;
background:#000000;
margin:10px 0px 10px 20px;
width:320px;
}

.article .informations{
float:left;
width:100%;
margin:10px 0px;
}

.article .informations p{
font-size:12px;
font-weight:normal;
text-align:right;
}

.article .informations span.redacteur{
font-size:12px;
font-weight:bold;
}

.bloc_telechargement{
clear:both;float:left;width:calc(100% - 40px);width:-moz-calc(100% - 40px);width:-webkit-calc(100% - 40px);background:#f5f5f5;padding:20px;margin:0px 0px 20px 0px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;
}
.bloc_telechargement h2{
font-family:Arial, Verdana;font-size:16px;line-height:30px;color:#444444;margin:0px 0px 10px 0px;
}
.bloc_telechargement p{
font-size:14px;color:#444444;margin:0px 0px 10px 0px;padding:0px 0px 0px 20px;line-height:20px;background:url('portail/ico_pdf.png') no-repeat left 2px;
}
.bloc_telechargement p a{
font-size:14px;color:#444444;text-decoration:none;
}
.bloc_telechargement p a:hover{
text-decoration:underline;
}


/*--------------------- CLASSES UTILES ---------------------*/

.img_left{
float:left;
padding:0px 10px 10px 0px;
}
.img_right{
float:right;
padding:0px 0px 10px 10px;
}

.div_left{
width:50%;
background-color: #eeeeee;
float:left;
margin:0px 10px 10px 0px;
}

a.info {
color:#5C8EC1;
font-size:12px;
font-weight:bold;
position:relative;
text-decoration:none;
}
a.info span {
display:none;
}
a.info:hover {
background:transparent none repeat scroll 0 0;
cursor:help;
z-index:500;
}
a.info:hover span {
background-color:#FAFAFA;
border:3px solid #CCCCCC;
color:black;
display:inline;
font-size:12px;
font-weight:normal;
left:20px;
padding:5px;
position:absolute;
top:30px;
white-space:nowrap;
}
span.bouton {
display:inline-block;
line-height:30px;
padding:0 0 0 10px;
}
span.bouton a {
color:#FFFFFF;
display:inline-block;
font-size:11px;
line-height:20px;
padding:0 10px 0 0;
text-decoration:none;
}

.texte {
font-size:11px;
}
.libelle {
color:#000000;
font-size:12px;
font-weight:bold;
}


.message_alerte{
width:100%;font-size:12px;margin-bottom:10px;
}
.message_close{
background:url('general/close.png') no-repeat;background-position:0px 0px;width:10px;height:10px;position:relative;top:-2px;line-height:18px;float:right;text-decoration:none;
}
.message_close:hover{
background:url('general/close.png') no-repeat;background-position:0px -10px;width:10px;height:10px;
}
.message_erreur{
color:#CC0000;border:1px solid #CC0000;background:#F2DEDE;padding:10px;
}
.message_valide{
color:#468847;border:1px solid #468847;background:#DFF0D8;padding:10px;
}
.message_info{
color:#3a87ad;border:1px solid #3a87ad;background:#d9edf7;padding:10px;
}
.message_warning{
color:#C09853;border:1px solid #C09853;background:#FCF8E3;padding:10px;
}

/* TABLES */

.table{
border:solid 1px #dddddd;
background:#ffffff;
margin:0px;
}
.table tr{
}
.table td, .table th{
line-height:20px;
border-bottom:solid 1px #EEEEEE;
padding:2px 10px;
}
.table td.entete_table, .table tr.entete_table td{
background-color:#000000;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
text-decoration:none;
line-height:20px;
padding:5px 10px;
}

.table thead th.text_center,.table thead td.text_center,.table th.text_center,.table td.text_center,.text_center{
text-align:center;
}
.table thead th.text_right,.table thead td.text_right,.table th.text_right,.table td.text_right,.text_right{
text-align:right;
}
.table thead th.text_left,.table thead td.text_left,.table th.text_left,.table td.text_left,.text_left{
text-align:left;
}

.table_couleur {
margin:0px;
}
.table_couleur tr{
}
.table_couleur td, .table_couleur th{
line-height:20px;
padding:2px 10px;
font-size:11px;
}
.table_couleur td.entete_table, .table_couleur tr.entete_table td{
color:#000000;
font-size:14px;
font-weight:bold;
text-decoration:none;
line-height:20px;
padding:5px 10px;
}

.table_couleur2 {
background-color:#EEEEEE;
margin:0px;
}
.table_couleur2 tr{
}
.table_couleur2 td, .table_couleur2 th{
line-height:20px;
padding:2px 10px;
font-size:11px;
}
.table_couleur2 td.entete_table, .table_couleur2 tr.entete_table td{
color:#000000;
font-size:14px;
font-weight:bold;
text-decoration:none;
line-height:20px;
padding:5px 10px;
}

.table_formulaire {
border:solid 1px #DEDEDE;margin:0px;width:100%;border-collapse:collapse;
}

.table_formulaire tr{
}

.table_formulaire td, .table_formulaire th{
padding:5px 5px;
font-size:11px;
}

.table_formulaire td.entete_table, .table_formulaire tr.entete_table td{
color:#333333;
font-size:15px;
font-weight:bold;
text-decoration:none;
line-height:20px;
padding:5px 5px;
}

.ligne_form_paire{
background:#F6F6F6;
}
.ligne_form_paire td, .ligne_form_impaire td{
border-bottom: 1px solid #DEDEDE;
}

.table .ligne_form_paire:hover, .table_formulaire .ligne_form_paire:hover{
background:#D9EBFC;
}

.table .ligne_form_impaire:hover, .table_formulaire .ligne_form_impaire:hover{
background:#D9EBFC;
}

.ligne_form_impaire{
background:#FFFFFF;
border-bottom: 1px solid #DEDEDE;
}

 .table_form{
margin:0px;
}
.table_form tr{

}
.table_form td{
line-height:20px;padding:2px 5px;font-size:11px;
}
.table_form th{
color:#0157a3;font-size:14px;font-weight:bold;text-decoration:none;line-height:20px;padding:5px 5px;
}

.multicoche_tableau{
width:100%;height:25px;background:#DDDDDD;color:#555555;font-size:11px;
}
.multicoche_tableau .fleche{
float:left;width:5%;height:25px;background:url('general/fleche_coche.gif') no-repeat bottom center;
}
.multicoche_tableau .lien{
float:right;width:95%;height:25px;
}
.multicoche_tableau .lien a{
background:url('general/fleche_coche_sep.gif') no-repeat center right;color:#555555;font-size:11px;font-weight:bold;padding:3px 10px 3px 10px;float:left;margin:2px 2px 0px 0px;
}
.multicoche_tableau .lien a:last-child{
background:none;
}
.multicoche_tableau .lien a.lien_ajout{
background:#555555;float:right;color:#FFFFFF;text-decoration:none;border:solid 1px #555555;cursor:pointer;
}
a.lien_ajout{
font-size:11px;font-weight:bold;padding:5px 10px;margin:5px 0px;background:#555555;color:#FFFFFF;text-decoration:none;cursor:pointer;border:solid 1px #b2b2b2;display:block;text-align:center;
}


.document {
padding:5px 5px 5px 5px;
}

.float-left{
float:left;
}
.float-right{
float:right;
}

/* PLAN DU SITE */
/* PLAN DU SITE */

h1.plan_niveau {
border-bottom: 2px solid #005fae;
color: #005fae;
font-size: 16px;
font-weight: normal;
margin: 10px 0;
line-height: 32px;
}


h1.plan_niveau a, h1.plan_niveau a:hover {
color: #005fae;
text-decoration: none;
}


h2.plan_niveau {
border: 0 none;
color: #686868;
font-size: 12px;
font-weight: normal;
margin: 3px 0;
padding-left: 20px;
line-height: 1.5;
}


h2.plan_niveau a, h2.plan_niveau a:hover {
color: #686868;
text-decoration: none;
}

h3.plan_niveau {
color:#004CA0;
font-size:10px;
font-weight:normal;
margin:2px 0;
padding-left:40px;
border:0px;
}

#plan_site ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}

/************ GESTION DES COMMENTAIRES ****************/

.commentaires {
padding:5px 5px 5px 5px;
clear:both;
margin-top:5px;
}

.new_commentaire{
clear:both;
float:left;
padding:0px;
}

.more_comment{
margin-top:10px;
margin-left: 92px;
clear:both;
float:left;
padding:5px 10px;
background:#F5F5F5;
width:75%;
}

.more_comment_lien{
background:#F5F5F5 url('../Images/more_comment.gif') no-repeat center left;
color:#333333;
font-size:11px;
text-decoration:none;
padding-left:30px;
line-height:30px;
display:block;
}

.commentaires h3{

}

.commentaire_form{
padding:5px 5px 5px 5px;
clear:both;
}

.commentaire_form h3{
background:url('../Images/comment.gif') no-repeat top left;
padding-left:50px;
line-height:40px;
}

#disposition2 textarea[name='ccommentaire']{
width:200px;
}

.table_commentaire{
background:#F5F5F5;
}

.commentaire_item{
clear:both;
float:left;
padding:10px 0px 0px 5px;
}

.commentaire_date{
color: #7E7E7E;
margin: 0 0 5px 90px;
padding: 0;
}

.commentaire_auteur{
font-weight:bold;
color:#1F558D;
}

.commentaire_meta{
float: left;
}

.commentaire_content{
background:#F0F0F0 url('portail/commentaires.png') no-repeat top left;
margin-left: 70px;
padding: 5px 5px 12px 18px;
width:80%;
}

.commentaire_content p{
text-align:justify;
padding:5px;
}

/******************* MISE EN PAGE DES ARTICLES DANS LES PAGES *******************/

.page_principale {

}

.document {
padding:5px 5px 5px 5px;
clear:both;
}

.document_gauche{
float:left;
width:460px;
padding-right:5px;
}

.document_colonne_droite{
float:left;
width:205px;
border-left:solid 1px #E2E2E2;
margin-top:20px;
padding:0px 0px 0px 5px;
}

.document_bas{
border-top:solid 1px #E2E2E2;
padding:5px 5px 5px 5px;
clear:both;
}

.document_item{
clear:both;
float:left;
padding:10px 0px 0px 5px;
}

.document_item p{
text-align:justify;
}

.document_item h2{
color:#31579e;
font-weight:bold;
font-size:12px;
padding:0px;
display:inline;
}

.document_item a{
font-size:10px;
}

.document_item img{
border:solid 1px #dbdbdb;
}

a.lien_abstract{
font-size:11px;
}

.texte_document{
clear:both;
padding:5px 0px 5px 0px;
}

.texte_document p{
	line-height: 24px;
	margin:10px 0;
}

.texte_document li{
	line-height: 24px;
}

.clear{
clear:both;
}

.pagination{
font-size:12px;
margin-top:10px;
}

/* MON ESPACE */
.espace_client_bouton{
display:inline-block;
width:23%;
text-align:center;
}

.espace_client_bouton img{
display:block;
margin:0 auto 5px;
width:64px;
}

/*---------------- LEGENDE ---------------*/

a.legende {
color:#5C8EC1;
font-size:12px;
font-weight:bold;
position:relative;
text-decoration:none;
}

a.legende > img{
position: relative; bottom: -3px; border:none;
}

a.legende div.legende-content {
display:none;
text-align:left;
}

a.legende span.legende-titre {
display:block;
color:#0157a3;
font-weight:normal;
font-size:15px;
margin:0px;
padding:0px;
text-align:left;
}

a.legende:hover {
background:transparent none repeat scroll 0 0;
cursor:help;
z-index:500;
}

a.legende:hover div.legende-content {
background-color:#FAFAFA;
border:3px solid #0157a3;
color:black;
display:inline;
font-size:12px;
font-weight:normal;
left:20px;
padding:5px;
position:absolute;
top:30px;
white-space:nowrap;
}

div.legend_box_color{
float: left;
height: 18px;
margin-right: 10px;
width: 5px;
}

div.legende-content img.bullet {
position: relative;
bottom: -5px;
border: none;
}

table.table{
float:left;
}
table.table td{
font-size:12px; color:#5b5b58; padding:10px 10px; border-bottom:1px solid #5b5b58; border-right:1px solid #d9d9d8;
}
table.table tr.entete_table td, table.table thead th{
font-size:12px; padding:5px 10px; color:#5b5b58; background:url('portail/table_entete.gif') repeat-x left bottom;
}
table.table tr.ligne1 td{
background:#ffffff;
}
table.table tr.ligne2 td{
background:#eaebeb;
}
.ligne_paire, table.table tr:nth-child(even), table.table_formulaire tr:nth-child(even){
background:#F2F2F2;
}
.ligne_impaire, table.table tr:nth-child(odd), table.table_formulaire tr:nth-child(odd){
background:#FFFFFF;
}
.ligne_paire:hover, table.table tr:nth-child(even):hover, , table.table_formulaire tr:nth-child(even):hover{
background:#D9EBFC;
}
.ligne_impaire:hover, table.table tr:nth-child(odd):hover, table.table_formulaire tr:nth-child(odd):hover{
background:#D9EBFC;
}
.filtre{
background:#fafafa;border:solid 1px #dddddd;padding:5px 10px;font-weight:bold;line-height:20px;font-size:12px;margin-bottom:10px;width:100%;
}
.filtre .libelle{
color:#000000;
}
.filtre label{
font-weight:bold;line-height:20px;font-size:12px;
}

#panier{
background:url("portail/outil_panier.gif") no-repeat scroll left top transparent;
font-size: 12px;
padding:0px 20px 0px 30px;
color:#908f90;
font-weight:bold;
font-size:12px;
margin-left: 10px;
float: left;
width:150px;
}
a.voir_suite{
background:url('general/voir_suite.gif') no-repeat top left;color:#FFFFFF;height:22px;font-size:11px;text-decoration:none;padding:0px 0px 0px 22px;float:left;
}
a.voir_suite span{
background:url('general/voir_suite.gif') no-repeat top right;padding:7px 10px 7px 7px;float:left;line-height:8px;
}

/*---------------- LOGIN BOX ---------------*/
p.loginInfo{
margin:0px 0px 10px 0px;
}
div.loginBox{
/*border-top: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;*/
margin:5px 0px 10px 0px;
padding:0px 0px 10px 0px;
}
div.loginBox input{
font-size:14px;width:200px;padding:6px 10px 6px 10px;margin:0px;
}
div.loginBox label{
display:block;font-weight:bold;width:200px;text-align:left;
}
div.loginBox div.userBox{
margin:10px 0px;text-align:center;
}
div.loginBox div.userBox label{
margin:2px 3px 2px 22px;
}
div.loginBox div.passBox{
margin:10px 0px 5px 0px;text-align:center;
}
div.loginBox div.passBox label{
margin:2px 3px 2px 22px;
}
div.loginBox div.buttonBox{
margin:15px 0px 0px 0px;text-align:center;padding:5px 0px 0px 0px;
}

/*---------------- PHOTOTHEQUE ---------------*/
.phototheque_explorer{

}

.phototheque_explorer_dossiers{
float:left;width:100%;
}

.phototheque_explorer_photos{
float:left;width:100%;
}

.phototheque_explorer_dossier{
float:left;width:30%;padding:1%;
}

.phototheque_explorer_dossier img, .phototheque_explorer_photo img{
background:#DDDDDD;
max-width:200px;
max-height:150px;
min-width:200px;
min-height:150px;
display:block;
}

.phototheque_explorer_dossier .titre{
font-size: 13px;
text-decoration:none;
color:#222222;
display:block;width:100%;
padding:3px 0px;
}

.phototheque_explorer_dossier .infos{
color:#AAAAAA;
font-size: 11px;
width:100%;display:block;
}

.phototheque_explorer_photo{
float:left;padding:1%;
width:30%;
}

.phototheque_explorer_photo span{
margin:5px 0px;font-size:11px;display:block;color:#666666;
}

.phototheque_vignettes{
float:left;width:100%;padding:5px 0px;
}
.phototheque_vignette{
float:left;padding:5px;
}
.phototheque_vignette_dossier{
float:left;width:100%;padding:5px 0px 10px 0px;
}
.phototheque_vignette_dossier a{
background:none repeat scroll 0 0 #ffffff;border-radius:3px 3px 3px 3px;color:#31579E;display:inline-block;font-size:24px;line-height:20px;padding:0 10px 0;margin:0 5px 10px 0;text-decoration:none;cursor:pointer;
}
a.bouton_selected{
background:none repeat scroll 0 0 #31579E;border-radius:3px 3px 3px 3px;color:#ffffff;display:inline-block;font-size:24px;line-height:20px;padding:5px;text-decoration:none;cursor:pointer;
}

.bloc_phototheque{

}

.bloc_phototheque_photos .titre{
font-size:14px;
}

.bloc_phototheque_photo{
float:left;padding:5px;
}

/*---------------------------CHOIX LANGUE---------------------------*/

#choix_langue{
	float:left;
	width:50px;
	height:18px;
	padding:3px 0px;
}

#choix_langue a.drapeau_francais{
	float:left;
	width:18px;
	height:18px;
	background:url('../Images/flags/drapeau_francais.png') no-repeat left top;
	margin:0px 5px 0px 0px;
}

#choix_langue a.drapeau_francais_nb{
	float:left;
	width:18px;
	height:18px;
	background:url('../Images/flags/drapeau_francais_nb.png') no-repeat left top;
	margin:0px 5px 0px 0px;
}

#choix_langue a.drapeau_anglais{
	float:left;
	width:18px;
	height:18px;
	background:url('../Images/flags/drapeau_anglais.png') no-repeat left top;
}

#choix_langue a.drapeau_anglais_nb{
	float:left;
	width:18px;
	height:18px;
	background:url('../Images/flags/drapeau_anglais_nb.png') no-repeat left top;
}


.sidebar-baloon{
background-color:#f5f5f5;position:relative;margin-bottom:40px;
}
.sidebar-baloon h2{
padding:25px 20px 0;clear:both;font-size:20px;color:#086bb4;font-weight:bold;margin-bottom:7px;
}
.contact-info{
	margin:20px 0 0 0;
}
.contact-info address{
padding:0 20px 40px;margin-bottom:0;line-height:27px;
}
.contact-info .socials{
float:none;overflow:hidden;
}
.contact-info .socials li{
float:left;margin:0 5px 0 0;
}
.contact-info table td{
border-top:none;border-bottom:1px solid #DDDDDD;padding:4px 8px 4px 0;
}
.contact-info table .small{
width:40%;
}
.sidebar-baloon .address-tick{
background: url("portail/address_tick.png") top left repeat;position:absolute;left:91px;bottom:-34px;
}
.contact-form{
padding:20px 15px;
margin-bottom:40px;overflow:hidden;
}
.line_title{
background: url("portail/line_title_bg.gif") repeat-x scroll 0 13px transparent;float:left;margin-bottom:5px;text-align:center;width:100%;
}
.line_title h2{
background-color:#FFFFFF;color:#0078cc;display:inline-block;font-size:20px;padding:0 30px;
}
.line_title h2 a{
color:#0078cc;
}

#msg_form_inscription_newsletter{
color:#FFFFFF;
}

/* REFERENCES */

.portfolio-nav{
	margin-top:20px;
}

.portfolio-grid-1 ul{
	list-style: none;
	margin:0;
	padding:0;
}

.portfolio-grid-1 ul li{
	background:#f5f5f5;
	padding:20px;
	border: 5px solid #ffffff;
	height:260px;
	text-align: center;
}

.portfolio-grid-1 ul li h3{
	margin:5px 0;
}

.portfolio-grid-1 ul li a{
	font-size: 20px;
}

#bloc_reference p{
	margin:10px 0;
	line-height: 24px;
}

.photo_ref_princ{
	background: none repeat scroll 0 0 #fff;
	border: 1px solid #ddd;
	margin: 20px 0;
	padding: 20px 15px;
	text-align: center;
}

.img_references .col-md-4{
	text-align:center;
	background:#f5f5f5;
	border:5px solid #ffffff;
	padding:20px 15px;
}

/* EQUIPE */

.team-member{
	margin:0 0 20px 0;
}

.bordered-img {
	border: 1px solid #dddddd;
	border-radius: 3px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
	line-height: 20px;
	padding: 3px;
	margin:0 0 10px 0;
	transition: all 0.2s ease-in-out 0s;
}

.team-member .photo{
	text-align: right;
}

.team-member .photo ul{
	list-style: none;
	padding:0;
	margin:0;
}

.team-member .photo ul li{
	color:#086bb4;
	line-height: 20px;
}

.team-member h2{
	margin:0 0 20px 0;
}

.team-member h4{
	color:#666666;
}

.team-member p.experience{
	color:#666666;
}

#simplemodal-container{
	border-radius: 0;
}

.simplemodal-wrap{
	overflow:hidden !important;
}