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

@font-face {  
	  font-family: "Arial Narrow";  
	  src: url(../_font/ARIALN.eot); /* IE */  
	  src: local("Arial Narrow"), url(../_font/ARIALN.TTF) format("truetype"); /* non-IE */  
	}  

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0 0 15px 0;
	background: #e5dec2 repeat-x url(../_images/body_background.gif) top left;
	color: #332e27;
}
img { border: none;}
.clear{ clear: both; visibility: hidden; height: 1px; line-height: 1px; border: none;}
dl{ 
	margin-top: 10px;
	margin-left: 20px;
	line-height: 1.2em;
}
dd{ 
	margin-top: -5px;
	margin-bottom: 5px;
}

#wrapwebsite{
	width: 1000px;
	margin: 0 auto;
}
#menuutilitaire{
	text-align: right;
	font-size: 0.9em;
	padding: 7px 0;
	margin: 0;
	height: 16px;
}
#menuutilitaire li{
	display: inline-block;
	list-style: none;
	padding: 0;
	margin: 0;
	vertical-align: middle;	
}
#menuutilitaire a{
	color: #7d8779;
	text-decoration: none;
	padding: 0px 6px;
	vertical-align: middle;
}
#menuutilitaire a.linkedin, #menuutilitaire a.tweeter{
	display: block;
	height: 16px;
	width: 16px;
	padding: 0px 6px;
	background: no-repeat url(../_images/btn_linkedin.gif) right;
}
#menuutilitaire a.tweeter{
	display: block;
	height: 16px;
	width: 16px;
	padding: 0 0 0 6px;
	background: no-repeat url(../_images/btn_tweeter.gif) right;
}
#menuutilitaire a span{
	display: none;
}
#menuutilitaire a:hover{
	text-decoration: underline;
}

#wrapbanner{
	background: no-repeat url(../_images/bkg_wrapheader.jpg) top left;
	height: 266px;
	position: relative;
}
#wrapbanner h1, #wrapbanner .h1{
	width: 284px;
	height: 68px;
	position: absolute;
	top: 30px;
	left: 300px;
	margin: 0;
	padding: 0;
}
#wrapbanner h2, #wrapbanner .h2{
	width: 224px;
	height: 68px;
	position: absolute;
	top: 98px;
	left: 387px;
	margin: 0;
	padding: 0;	
	color: #7d8779;
	font-weight: normal;
	font-size: 14px;
}
#wrapbanner .citation{
	height: 28px;
	position: absolute;
	top: 150px;
	font-size: 16px;
	font-style: italic;
	color: #e5dec2;
	padding: 2px 20px 0 400px;
	overflow: hidden;
}
#wrapbanner .citation blockquote{
	padding: 0;
	margin: 0;
}
#wrapbanner .citation p {
	padding: 0;
	margin: 0;
}
#wrapbanner #cse-search-box{
	width: 300px;
	position: absolute;
	top: 30px;
	right: 0;
	text-align: right;
}

#menuprincipal{
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 24px;
	text-shadow: 0 1px 4px black;
	padding: 0 0 0 0;
	margin: 0;
	position: absolute;
	bottom: 0;
	right: 0;
	vertical-align: middle;	
	line-height: 24px;
}
#menuprincipal span.valign, #menuprincipal span.valign2 {
	vertical-align: middle;
	display: inline-block;
}
#menuprincipal span.sautdeligne {
	display: block;
}
#menuprincipal li{
	display: inline;
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
}
#menuprincipal span.valign{
	height: 89px;
}
#menuprincipal a{
	color: #FFFFFF;
	text-decoration: none;
	padding: 0px 18px;
	display: block;
	float: left;
	height: 89px;
	border-right: 1px solid #338c98;
	border-left: 1px solid #2a737d;		
}
#menuprincipal a:hover{
	text-decoration: none;
	background:url(../_images/bkg_menuprincipala.jpg)
}

#wrapcontent{
	background: #FFFFFF no-repeat url(../_images/bkg_wrapcontent.gif) bottom left;
	padding: 10px;
}
#wrapwebsite h1{
	font-size: 2.1em;
	font-family: "Arial narrow", Arial, Helvetica, sans-serif;
	color: #7d8779;
	font-weight: normal;
	clear: both;
	margin-bottom: 3px;	
}
#wrapcontent h2{
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	color: #f06f20;
	font-weight: normal;
	clear: both;
	margin-bottom: 3px;	
}
#wrapcontent h3{
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #f06f20;
	font-weight: bold;
	clear: both;
	margin-bottom: 3px;	
}
#wrapcontent strong{ color: #f06f20; }
#wrapcontent a{ color: #338c98; text-decoration: none; }
#wrapcontent a:hover{ color: #338c98; text-decoration: underline; }

#wrapfooter{
	margin-top: 10px;
	padding-bottom: 15px;
}
#wrapfooter ul{
	list-style: none;
	margin: 0;
	padding: 0;
	
}
#wrapfooter ul li{
	display: block;
	float: left;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	margin-right: 18px;
}

#wrapfooter ul li.dernier{
	float: right;
	margin-right: 0px;
}

#wrapfooter ul li.infolettre{
	background: no-repeat url(../_images/banniere-info-lettre.jpg) top left;
	width: 300px;
	height: 140px;
	float: right;
	margin-right: 0px;
	position: relative;
}


#wrapfooter ul li.infolettre label, #wrapfooter ul li.infolettre p{
	display: none;
}

#wrapfooter ul li #emailAddr{
	position: absolute;
	top: 90px;
	left: 15px;
	border: 0;
	color: #7d8779;
	font-size: 0.8em;
	width: 150px;
}

#wrapfooter ul li .btn-primary{
	position: absolute;
	top: 87px;
	left: 179px;
}

#wrapfooter p.adresse{
	text-align: center;
	font-size: 0.9em;
	line-height: 1.5em;
}
#wrapfooter p.adresse a{
	color: #f06f20;
}

/* HOME PAGE */

.columnleft{
	width: 225px;
	padding: 0 10px 20px 10px; 
	margin: 0;
	float: left;
	
}
.columnright{
	width: 715px;
	float: right;
	padding: 0 15px 20px 0;
	margin: 0;
}

.accueil .columnleft{
	width: 675px;
	padding: 0; 
	margin: 0;
	float: left;
}
.accueil .columnright{
	width: 280px;
	float: right;
	padding: 0 5px 0 0;
	margin: 0;
}

#wrapcontenu{
	width: 490px;
	float: left;
	padding: 0 20px 0 0;
	margin: 0;	
}
#wrapdroite_texte{
	width: 170px;
	float: left;
	padding: 0 10px 0 20px;
	margin: 0;	
}

.livre{ width: 200px; }
.livre img{ width: 150px; }
.allie{	width: 200px; }
.allie img{	width: 100px; }


/* LISTE DES CONFERENCES */

ul.listeconferences, ul.listeconferences ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.listeconferences li{
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	color: #f06f20;
	font-weight: normal;
	margin: 15px 0 8px 0;
}
ul.listeconferences li li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #332e27;
	font-weight: normal;
	margin: 6px 0 0 10px;
}
ul.listeconferences li a, ul.listeconferences li a:hover{
	color: #f06f20 !important;
}
ul.listeconferences li li a{
	color: #338c98 !important;
}

/* ARTICLES */

ul.listearticles, ul.listearticles ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.listearticles li{
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	color: #f06f20;
	font-weight: normal;
	margin: 15px 0 8px 0;
}
ul.listearticles li li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #332e27;
	font-weight: normal;
	margin: 6px 0 0 10px;
}
ul.listearticles li a, ul.listearticles li a:hover{
	color: #f06f20 !important;
}
ul.listearticles li li a{
	color: #338c98 !important;
}


/* Téléchargement client */

#telechargement_form {
	text-align: center;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	color: #f06f20;
	font-weight: normal;	
}
#telechargement_code, #telechargement_email{
	text-align: center;
	color: #7d8779;
	padding: 5px;
	width: 150px;
}
#telechargement_email{
	text-align: center;
	color: #7d8779;
	width: 200px;
	padding: 5px;
}

#summary{
	border: 1px solid #e599aa;
	background: #f2ccd4;
	color: #80001c;
	padding: 10px;
}

#telechargement_form label.error{
	display: block;
	text-align: center;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #e599aa;
	background: #f2ccd4;
	color: #80001c;
	padding: 5px;
	margin-top: 3px; 
}

.warning{
	border: 1px solid #e599aa;
	background: #f2ccd4;
	color: #80001c;
	padding: 10px;
}


/* AUTRE */
#wrapcontent blockquote{
	color: #84ab3f;
	border: 1px solid #84ab3f;
	padding: 5px 10px 5px 5px;
	margin: 15px;
	font-size: 1.2em;
	font-style: italic;
}