/* ************** Css Epitech ******************
   * By ionis-group.com                        *
   * http://www.epitech.eu/v5/                 *
   ********************************************* */
@charset "utf-8";

html,body {
	background-color:#ffffff;
	color:#000;
	font:11px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;	
	left:0;
	top:0;
	right:0;
	bottom:0;
	letter-spacing:0.01em;	
}

#main, #header, #content, #footer {	margin:auto; width:970px; }

h1 { height:29px; padding:3px 35px 0; font:14px Arial, Helvetica, sans-serif; font-weight:bold; color:#FFFFFF; text-transform: uppercase; }

h2 { margin:15px 0 15px 0; text-transform: uppercase; font:13px Arial, Helvetica, sans-serif; font-weight:bold; padding-bottom:2px; border-bottom:1px solid; clear:both; }

h3 { margin:10px 0 10px 0; padding-left:15px; font:12px Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; }

h4 { margin:0 0 10px 0; padding-left:15px; font:11px Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; }

a { color:#0c4f83; text-decoration:none; }
a:hover	{ color:#e66802; }

p { font:11px Arial, Helvetica, sans-serif; text-align:justify; line-height:17px; letter-spacing:0.01em; }
strong { font-weight:bold; }
hr { clear: both; visibility: hidden; }
acronym, abbr { border-bottom: 1px dotted; cursor : help; }

ol { font:11px Arial, Helvetica, sans-serif; list-style:inside decimal; text-align:justify; margin:0 0 15px 15px; }
ol li { margin-bottom:4px; line-height:14px; }
ol.notes { font:9px Arial, Helvetica, sans-serif; }
ol.notes li { margin:auto; }
sup { font:9px Arial, Helvetica, sans-serif; }
sup,sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative;}
sup { bottom: 1ex;}
sub { top: .5ex;}
blockquote { background:no-repeat 0 2px; padding-top:20px; font:10px Arial, Helvetica, sans-serif; color:#000; padding-right:30px; margin-top:20px; margin-bottom:30px; font-weight:normal; }
blockquote p { margin: 0; padding-right: 30px; background:no-repeat bottom right; margin-left:28px; }
/*.blockquoteSmall { } */
.blockquoteMedium { width:275px; } 
.blockquoteLarge { width:325px; } 

.clearboth { clear:both; }
.imageRight { float:right; margin:0 0 10px 25px; }
.souligner { text-decoration:underline; }
.imageLeft { float:left; margin:5px 25px 10px 0; }
.imageCenter { margin-left:60px; margin-top:10px; }
.alignRight { float:right; }

.chemin { font-size:10px; margin:0 0 5px 15px; }

.lettrine { float: left; font-size: 40px; font-weight: bold; padding:18px 5px 0px 0px; line-height: 1px; letter-spacing:0px; }
/* Hack pour IE 6 et 7 */
* html .lettrine { padding-top:0px; line-height: 30px; }
*:first-child+html .lettrine { padding-top:0px; line-height: 30px; }


/* ************* Les tableaux ************** */

table { border-collapse:separate; border-spacing:2px; text-indent:0; }

th { display:table-cell; font-weight:bold; padding:1px; vertical-align:inherit; }

td { display:table-cell; padding:1px; text-align:inherit; vertical-align:inherit; }

colgroup { display:table-column-group; }
col { display:table-column; }

.first-column { border-left:10px solid transparent; border-right:10px solid transparent; text-align:left; }

.one-column { border-collapse:collapse; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:left; }
.one-column th { font-size:13px; padding:10px 5px; }
.one-column td { color:#000000; padding:4px 4px; }
.one-column td.noborder { color:#000000; padding:4px 4px; border-right:0px; }


/* header          
*******************************************************************/
#header { height:79px; }
#main #logo { float:left; height:76px; width:186px; }
#main #international { background-color:#f1f4f6; float:left; height:79px; width:507px; }
#drplanguage{ height:28px;}
#language { height:26px;  margin-left:54px; width:220px; }
#language ul{ height:26px;  margin:0; padding:0;}
#language li{ height:26px; float:left; list-style-type:none; padding-top:2px; margin:0px; }
#language a{ height:2px; margin:0; padding:0;}
.flag{ height:21px; } 
html > body .flag{ margin-top:5px; height:21px; }

/* ====== Moteur de Recherche   ===== */
#searchArea { float:left; width:276px; height:79px; background:transparent url(../../../images/design/bg_zone_recherche.jpg) no-repeat scroll left top; }
#searchArea form { margin:0; padding:0; height:30px; width:270px; }
#recherche { margin:0; padding:0; border: none; height:30px; width:270px; float:left; }
#recherche * { float:left; }
#recherche label,#recherche form legend { margin:0; padding:0; display:none; }
#recherche input { border:none; margin:0; padding:0; }
#recherche input#chpRecherche {  width:152px; padding-top:5px; background:transparent; color:#7f7f7f; text-align:center; font-size:9px;  margin:0 0 0 82px;} 
#searchArea #btSubmit { width:29px; height:21px; border:1px solid #d2d4d5; }
#searchArea #btSubmit:hover { border:1px solid #347ebd; }

#Usefullinks { width:270px; height:15px; }
#Usefullinks ul { margin-left:10px; padding:0; list-style:none; }
#Usefullinks ul li{ float:left; margin-right:4px; }

/* Container          
*******************************************************************/
#content {
	background-image:url(../../images/design/background-ombre.png);
	background-repeat:repeat-x;
	min-height:600px;
	_height:600px;
	padding-bottom:3px;
}

#colonnes {
	background-image:url(../../images/design/background-right.jpg);
	_background-image:none; /* HACK IE6 */
	background-position:500px 67px;
	background-repeat:repeat-y;
}

/* ====== content-ColLeft   ===== */
#content-ColLeft {
	float:left;
	width:490px;
	position:relative;
}
#content-ColLeft a { text-decoration:underline; }
#content-ColLeft a:hover { color:#e66802; text-decoration:none; }
#content-ColLeft p { margin-bottom:5px; }

#content-ColLeft ul { font:11px Arial, Helvetica, sans-serif; list-style:none; margin:0 0 15px 15px; }
#content-ColLeft ul li { padding-left:18px;  background:no-repeat; margin-bottom:4px; line-height:15px; }
#content-ColLeft ul p { color:#000000; }

#content-ColLeft ul li li { margin:0 0 2px 0; background:no-repeat 0 2px; padding-left:20px; }
#content-ColLeft ul li li p { margin-top:5px; margin-bottom:8px; color:#000000; }

#content-ColLeft ul.listeFleche { margin-left:240px; }
#content-ColLeft ul.listeFleche li { background:no-repeat 0 2px; padding-left:20px; }
#content-ColLeft ul.listeFleche p { margin-top:5px; margin-bottom:8px; color:#000000; }

#content-ColLeft ul.listeCheck li { margin:0 0 2px 0; background:no-repeat 0 2px;  }
#content-ColLeft ul.listeCarre li { margin:0 0 2px 0; padding-left:10px; background:no-repeat 0 6px; }
#content-ColLeft ul.listeCarre li blockquote { margin-top:10px; }

#rubrique{ background-image:url(../../images/design/category/categoryCenter.png); background-repeat:repeat-x; height:45px; }
#rubriqueLeft { background-image:url(../../images/design/category/categoryLeft.png); background-repeat:no-repeat; height:43px;	width:23px; float:left; }
#rubriqueRight { background-image:url(../../images/design/category/categoryRight.png); background-repeat:no-repeat; height:43px; width:25px; float:right; }
#rubrique img{ margin-top:14px; margin-left:-10px; }

#contentMargin { margin-left:15px; margin-right:15px; }

/* ====== Bloc avec fond ===== */
.blocFond { margin:10px 0 10px 0; clear:both; padding:11px; }
.blocFond img { float:left; margin-right:7px; }
.blocFond p { padding:5px 0; font:11px Arial, Helvetica, sans-serif; }
.blocFond ul {  padding:5px 0;  font:11px Arial, Helvetica, sans-serif; }

#content-ColLeft .blocImage { font-size:14px;}
#content-ColLeft .blocImage p { margin:10px 10px 10px 0}
#content-ColLeft .blocImage img { float:left; margin-right:10px; }

/* ====== Bloc avec fond et coin arrondi en bas a droite ===== */
.blocFondCoin { min-height:209px; margin:10px 0 15px 0; clear:both; _height:209px; padding:11px; }
.blocFondCoin img { float:left; margin-right:10px; }
.blocFondCoin p {  padding:5px 0;} 
.blocFondCoin ul {  padding:5px 0; }

/* ====== Bloc avec fond et coin arrondi en bas a droite ===== */
.blocImage{ min-height:209px; clear:both; _height:200px; }
.blocImage img { float:left; margin-right:10px; }
.blocImage p {margin:10px;}

/* ====== Bloc avec élément graphique sur le côté gauche normal et degrade */
.blocBorderLeft{ padding:10px 10px 10px 42px; margin:10px 0; background-position:left top; background-repeat:repeat-y; }
.blocDegrade { padding:10px 20px 10px 42px; margin:10px 0; background-repeat:no-repeat; }
.blocBorderLeft h3 , .blocDegrade h3 { background:none; padding:0; }

/* ====== Deux collones ==== */
div.ColonneLeft { width:215px; float:left; margin:0 25px 15px 0; font:11px Arial, Helvetica, sans-serif; text-align:justify; line-height:17px; letter-spacing:0.01em; }
div.ColonneRight { width:215px; float:left; margin:0 0 15px 0; clear:right; font:11px Arial, Helvetica, sans-serif; text-align:justify; line-height:17px; letter-spacing:0.01em; }

.assoc, .Lastassoc { margin:10px 0 10px 0; padding:0 0 0 5px; }
.assoc img, .Lastassoc img { margin:2px 10px 10px 0; }
.assoc p, .Lastassoc p { padding:10px; font:11px Arial, Helvetica, sans-serif; }
.Lastassoc { border-bottom:none; }

.carte-rayee { height:110px; clear:both; padding-top:20px;  margin-bottom:-20px; background:url(../../images/design/rubriques/fonds/carte-rayee.gif) no-repeat right bottom; }
.rectangle-3d { height:110px; clear:both; padding-top:20px;  margin-bottom:-20px; background:url(../../images/design/rubriques/fonds/rectangle-3d.gif) no-repeat right bottom; }
.disques { height:110px; clear:both; padding-top:20px;  margin-bottom:-20px; background:url(../../images/design/rubriques/fonds/disques.gif) no-repeat right bottom; }
.cadre-notes { color:#3872d0; height:81px; background:url(../../images/design/rubriques/fonds/bloc-notes.gif) no-repeat; }
.cadre-notes p { text-align:center; padding-top:26px; }

/* ====== content-ColRight   ===== */
#content-ColRight {
	float:right;
	width:470px;
	padding-bottom:12px;
	margin-bottom:3px;
	
	_background-image:url(../../images/design/background-right.jpg);
	_background-position:0px 67px;
	_background-repeat:repeat-y;
	_background-color:#01466f;
}
#content-ColRight h2 { text-transform:none; }

/* footer          
*******************************************************************/
#footer	{
	font-family:Arial,Helvetica,sans-serif; 
	font-size:10px;
	clear:both;
	color:#FFFFFF;
	padding-bottom:5px;
	padding-top:4px;
	text-align:center;
	height:45px;
	background-image:url(../../images/design/footer.png);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#45494d;
}
#footer a {
	color:#FFFFFF;
	text-decoration:none; 
}
#footer a:hover {
	color:#CCCCCC;
	text-decoration:none; 
}
#footer ul, #footer ul li {
	display:inline;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt;
	padding:0pt;
}
/* Admin        
*******************************************************************/
#liste_thema td ul li
{
	font-weight:bold;
	text-transform:uppercase;
	font-size:14px;
}
#liste_thema ul ul li
{
	text-transform:none;
	font-size:12px;
}
#liste_thema ul ul ul li
{
	font-weight:normal;
	text-transform:none;
	font-size:11px;
}
#liste_thema td ul 
{
margin-left:10px;
}