@import "layout-bg.css";

body {
	font: 75%/1.5em Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background-color: #666666;
	font: 70%/1.3em Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}

#header h1 {
	text-indent: -5000px;
	text-align: center;
	line-height: 100px;
}

#ligne_blanc {
background :  url(images/ligne_blanc.gif);
width : 725px;
height : 15px;
background-color :#ffffff; 
margin: 0 0.3em 0 0;
margin-top: 155px;
border: 0px solid #ff0000;
}

/* ^^^^^^^^ Debut Style Menu ^^^^^^^^^^ */
#styletwo {
background :  url(images/menu_fd2.gif);
width : 725px;
height : 31px;
background-color :#333; 
color : #fff ; 
font-weight : bold;
font-size : 13px; 
overflow : hidden;
font-family : Arial, Verdana, Helvetica, sans-serif;
margin: 0 0.3em 0 0;
border: 0px solid #666666;
}

#styletwo ul, li {
margin :0;
padding : 0 ; 
list-style : none ; }

#styletwo li{
float : left ;
padding-top : 5px ;
height : 31px;
width : 100px;
text-align : center;
margin-left : 0;
background : url(images/menu_separateur.gif) no-repeat 98px 2px;
display: inline;  }
  
#styletwo li a{
float : left ;
padding-top : 6px ;
height : 30px;
display : block;
width : 100px;
text-align : center;
margin-top : -5px;   
color: #ffffff;
text-decoration:none;
}
  
li a:hover{
background : url(images/menu_orange.gif);
}

li.actif  a{
background : url(images/menu_orange.gif);
}
 


/* ^^^^^^^^ Fin Style Menu ^^^^^^^^^^ */


/* ^^^^^^^^ Cadre Langue ^^^^^^^^^^ */
.sidebarpave_arrondi {
width: 175px;
padding-top: 6px;
background: url(images/cadrehaut.jpg) top left no-repeat;
margin: 1em 0 1em 1em;
margin-left: 45px;
border: 0px solid #006666;
}

.sous_cadre_arrondi {
background: url(images/cadrebas.jpg) bottom left no-repeat;
padding-bottom: 0px;
padding-left: 10px;
padding-right: 10px;
padding-top: 0px;
color: #ffffff;
border: 0px solid #ff6600;
font-size: 1em;
line-height: 30px;
}

.sous_cadre_arrondi h3 {
	font-size: 1.1em;
	line-height: 1.4em;
	text-align : left;
	margin: 0px;
}

.sous_cadre_arrondi a {
	text-align: left;
	color: #ffffff;
	text-decoration:none;
	margin: 0px;
}

.sous_cadre_arrondi a:link    { text-decoration: none;      color: #ffffff; }
.sous_cadre_arrondi a:visited { text-decoration: none;      color: #ffffff; }
.sous_cadre_arrondi a:hover   { text-decoration: underline; color: #ff6600; }

.sous_cadre_arrondi ul {
	padding: 0px;
	padding-bottom: 0px;
}
.sous_cadre_arrondi ul li {
	display: inline;
	list-style-type: none;
	padding: 0 0.4em;
  margin: 0px;
}

.sous_cadre_arrondi p {
	font-size: 0.9em;
	text-align : center;
	line-height: 10px;
	padding-bottom: 8px;
}

/* ^^^^^^^^ Fin Cadre Langue ^^^^^^^^^^^ */

/* ^^^^^^^^ Cadre dernières photos ^^^^^^^^^^ */
.sidebarpave {
	width: 175px;
	background-color: #FFF;
	margin: 1em 0 1em 0;
	margin-left: 45px;
	background: url(images/fond_titre.gif) top left no-repeat;
	border: 1px solid #000000;
}
.sidebarpave h3 {
	font-size: 1em;
	line-height: 2.3em;
	text-align: left;
	margin: 0 0 0.5em 0.3em;
	padding-left : 30px ;
	color: #ffffff;
}

.sidebarpave a {
	line-height: 1.5em;
	text-decoration: none;
}
.sidebarpave p {
	background-color: #FFF;

	padding: 0.3em;
}

.images p {
	margin: 0;
	padding: 0;
}

.images img {
	width: 168px;
	border: 3px solid #FFF;
	border-top: 0 none;
}
/* ^^^^^^^^ Fin Cadre Dernieres photos ^^^^^^^^^^ */

/* ^^^^^^^^ Pavé du centre (main) ^^^^^^^^^^^ */

h3 {
	line-height: 30px;
	margin: 0 3em 0 0;
	text-align: right;
}
h3 span.new {
	float: left;
}
h3 em {
	font-size: 0.85em;
}
h4 {
	margin: 0.5em;
}

.pave {
  padding: 1em;
	margin: 1em 0 1em 1em;
	margin-right: 50px;
	background-color: #FFF;
	border: 1px solid #333333; 
}
.pave h2 {
	color: #ff8c00;
	border-bottom: 1px dashed #ff8c00;
	padding-bottom: 0.25em;
	font: 1.6em Arial, Helvetica, sans-serif;
}
.pave h3 {
	font-size: 1.2em;
	border: 0px solid #ff0000;
}
.pave h4 {
	font-size: 1em;
	border: 0px solid #ff0000;
}
.pave p {
	padding-top: 1em;
}
.pave ul, .pave ol {
	padding: 0 3em;
	
}
.pave ul li {
	list-style-type: square;
	list-style-image: url(images/puce.gif);
}

.imgpave {
	float: right;
	padding: 1.5em 1em;
}

h3.newvideo {
  font-size: 1.2em;
	border: 0px solid #ff0000;
	padding: 0 0 0 0;
	color: #ff0000;
	line-height: 2em;
	text-align: center;
	margin-top: 20px;
  margin-bottom: 10px;
}
.newvideo a {
color: #ff0000;
}

.new1 {
  float: left;
	padding: 0 0 0 36px;
	background: url(images/new.gif) no-repeat 0 9px;
}


.new2 {
  float: left;
	padding: 0 0 0 15px;
	background: url(images/puce.gif) no-repeat 0 9px;
}




hr {
height: 1px;
border: 0;
margin: 0px;
margin-top: 10px;
margin-bottom: 10px;
}


/* ^^^^^^^^ Fin pavé centre (main) ^^^^^^^^^^^ */

/* ^^^^^^^^ Page chv ^^^^^^^^^^^ */
div.container_chv {
   border: 0px solid #840000;
	 margin: 0px;
   padding: 0px;
 }

.container_chv h2 {
   border: 0px solid #840000;
   font: 1.2em Arial, Helvetica, sans-serif;
   font-weight: bold;
   color : #333333;   
   background : #cccccc url(images/puce.gif) no-repeat 10px 6px; 
	 line-height: 2em;
	 text-align: left;
	 margin: 0 0 0.5em 0.3em;
	 padding-left : 20px ;
	
	} 
 
div.spacer2 {
 	clear: both;
 }

h2.orange {
   border: 0px solid #660099;
   font: 1.2em Arial, Helvetica, sans-serif;
   font-weight: bold;
   color : #333333;   
   background : #dcdcdc url(images/puce.gif) no-repeat 10px 6px; 
	 line-height: 2em;
	 text-align: left;
	 margin: 0 0 0.5em 0.3em;
	 padding-left : 20px ;
} 
 
div.float {
 	float: left;
	margin: 0px;
	padding: 0px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	align: center;
	text-align: center;
	width: 140px;
	height: 185px;
	border: 1px solid #08204a;
	background-color: #808080;
 }


 
.float h3 {
  padding: 0px;
	margin: 0px;
  font-size: 1em;
  font-weight: bold;
  line-height: 12px ;
	border: 0px solid #ff0000;
	text-align: center;
}

.float h4 {
  padding: 0px;
	margin: 0px;
  font-size: 9px;
	font-weight: normal;
  line-height: 12px ;
	text-align: center;
	border: 0px solid #660099;
}

.float a {
text-decoration: none;
color: #ffffff;
text-align: center;
border: 0px solid #ffcc00;
}

.float span {
	padding: 0 0 0 0px;
	color:#ff0000 ;
	background-color: #ffffff;
}

.float img {
border: 0px solid #ffcc00;
width: 100%;


}
/* ^^^^^^^^ Fin Page chv ^^^^^^^^^^^ */

/* ^^^^^^^^ Fiche chv ^^^^^^^^^^^ */
table.origine {
background-color : #dcdcdc;
margin : 0px;
padding : 0px;
font-size : 10px ;
color : #333333;
font-family: arial, verdana,  helvetica, sans-serif;
} 

td.bas{
border-bottom-style:solid; 
border-bottom-width:1px; 
border-bottom-color:#808080;
}

div.float2 {
 	float: left;
	padding: 0px;
	margin: 0px;
	margin-right: 10px;
	margin-bottom: 30px;
	align: center;
	border: 0px solid #08204a;
 }

.float2 img{
	margin: 0px;
	margin-right: 5px;
	padding: 0px;
	border: 0px solid #ff00ff;
 }

div.photo_gauche {
border:0;
display:block;
float:left;
margin : 0px;
margin-right : 5px;
background-color: #666666;
padding: 0px;
text-decoration:none;
text-align: center;
font: 1em Arial, Helvetica, sans-serif;
color:#ffffff;
}

.photo_gauche img {
margin: 0px;
padding: 0px;
}

.photo_gauche a {
margin: 0px;
padding: 0px;
text-decoration: none;
color:#ffffff;
}

.photo_gauche h4 {
margin: 0px;
padding: 0px;
padding-bottom: 2px;
font-size: 10px;
font-weight: Normal;
line-height: 10px ;
align: center;
}

div.photo_droite {
border:0;
display:block;
float:right;
margin : 0px;
margin-left : 5px;
margin-top : 5px;
background-color: #666666;
padding: 0px;
text-decoration:none;
text-align: center;
font: 1em Arial, Helvetica, sans-serif;
color:#ffffff;
}

.photo_droite img {
margin: 0px;
padding: 0px;
}

.photo_droite a {
margin: 0px;
padding: 0px;
text-decoration: none;
color:#ffffff;
}

.photo_droite h4 {
margin: 0px;
padding: 0px;
padding-bottom: 2px;
font-size: 10px;
font-weight: Normal;
line-height: 10px ;
align: center;
}

/* ^^^^^^^^ Fin Fiche chv ^^^^^^^^^^^ */


/* ^^^^^^^^ Ecriture blanche sur fond gris ^^^^^^^^^^^ */


.fond h4 {
	color: #333333;
	background-color: #dcdcdc;
	padding-left: 0.5em;	
}


/* ^^^^^^^^ Plus de news ^^^^^^^^^^^ */
.plus {
	text-align: center;
	padding: 0px;
	margin: 0px;
	font-style: italic;
	border: 0px solid #ff8c00;
	
}	

/* ^^^^^^^^ Pied de pages ^^^^^^^^^^^ */
#footer * {
	text-align: center;
	padding: 0.5em;
	color: #ffffff;
}