/********************** Generalites ***********************/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color:#333333;
	background: #03718b url(../images/fond.gif) top repeat-x;
	margin: 0;
	padding: 0;
}
a:link, a:visited {
	color: #333333;
	text-decoration: underline;
}
a:hover, a:focus {
	color: #000000;
	text-decoration: none;
}
img {
	border: none;
}
h4 {
	font-size:13px;
	color:#585858;
	border-bottom:1px solid #585858;
	margin:0;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
}
/********************** Conteneur ***********************/
#conteneur {
	position: absolute;
	width: 1000px;
	left:50%;
	margin-left:-500px;
	background: #f3f9fe url(../images/conteneur.gif) top repeat-y;
}
/********************** Header et sous header ***********************/
#header {
	width: 100%;
	height: 86px;
	background: #EEEEEE url(../images/header.jpg);
	border-bottom:1px solid #FFFFFF;
}
#logo{
	position:absolute;
	top:0;
	left:0;
}
#rss {
	position:absolute;
	top:24px;
	left:415px;
}
#sous-header {
	background:#92990d;
	height:90px;
	margin:0;
}
#pub {
	float:left;
	width:728px;
}
#sonneries {
	float:left;
	width:272px;
}
#recherche {
margin:5px;
}
#recherche input {
	border:1px solid #FFFFFF;
	border-right:none;
	border-top:1px solid #FFFFFF;
	margin:0px;
	margin-right:-3px;
	padding:3px;
	width:183px;
	background:#FFFFFF;
	color:#585d63;
	font-size:10px;
}
#recherche_go input {
	width:30px;
	background:#FFFFFF;
	color:#585d63;
	border:none;
	margin:0px;
}
/********************** menu ***********************/
#menu {
	float:left;
	width:100%;
	height:25px;
    background: #575757 url(../images/fond-menu.gif);
	margin:0;
	margin-top:-2px;
	margin-bottom:7px;
	border-top:1px solid #bfbebe;
}
ul#tabnav {
    font: bold 11px verdana, arial, sans-serif;
    list-style-type: none;
    padding-bottom: 24px;
    margin: 0;
	padding:0;
}
ul#tabnav li {
    float: left;
    height: 23px;
    background: #575757 url(../images/fond-menu.gif);
    margin: 0px 0px 0 0px;
	padding: 0px 28px 2px 27px;
	border-right:1px dashed #808080;
}
ul#tabnav li.active {
    background-color: #565656;
}
ul#tabnav li.active a {
    color: #7CCEE1;
}
ul#tabnav li.active a:hover {
    color:#c4c4c4;
}
#tabnav a {
    float: left;
    display: block;
    color: #e7e7e7;
    text-decoration: none;
    padding: 4px;
}
#tabnav a:hover {
    color:#c4c4c4;
}
/********************** Centre ***********************/
*HTML #centre{
	display:inline;
	margin:0;
	padding:0;
	width:990px;
}
#centre{
	float:left;
}
/********************** Gauche***********************/
*HTML #gauche {
	display:inline;
	margin:0;
}
#gauche{
	float:left;
	width:670px;
	background:#f3f9fe;
	margin-top:5px;
	margin-right:5px;
	margin-bottom:10px;
	padding-left:5px;
}
.accueil_news {
	background:#EEEEEE url(../images/accueil-news.gif) no-repeat;
	margin:0;
	margin-top:-7px;
	margin-left:10px;
	margin-bottom:15px;
	padding:10px;
	width:613px;
	height:100px;
	font-family:Arial, Verdana;
	font-size:9pt;
}
.accueil_news h2 {
	font-size:14px;
	margin:0;
	margin-bottom:2px;
	padding:0;
	background:#FFFFFF;
	color:#333333;
}
.accueil_news h2 a{
	color:#585d03;
	text-decoration:none;
}
.accueil_news h2 a:hover{
	color:#585d03;
	text-decoration:underline;
}
.accueil_news img {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	border:1px solid #b0b0b0;
}
/*********** Presentation **********/
#presentation {
	margin:0;
	margin-left:8px;
	margin-bottom:15px;
}
/*********** Sky **********/
#sky {
	float:left;
	width:150px;
	margin:0;
	margin-left:10px;
	margin-right:5px;
	margin-bottom:5px;
	text-align:center;
}
/*********** Dernières news **********/
*HTML #last_news {
	display:inline;
}
#last_news {
	float:left;
	width:475px;
	height:200px;
	font-size:13px;
	background:#ffffff;
	margin:0;
	margin-left:8px;
	margin-bottom:35px;
}
#last_news h3 {
	font-size:12px;
	margin:0;
	padding:2px;
	padding-left:23px;
	padding-top:4px;
	padding-bottom:5px;
	background:#565656 url(../images/fond-titre.gif);
	color:#FFFFFF;
}
#last_news ul {
	margin:0;
	padding:0;
}
#last_news li {
	text-align:left;
	margin-left:23px;
	margin-right:10px;
	font-family:Verdana, Arial "sans serif";
	font-size:11px;
	list-style:url(../images/rond.gif);
	padding:0;
	padding-bottom:4px;
	margin-top:2px;
	margin-bottom:6px;
	border-bottom:1px solid #d1dfe4;
}
#last_news li a{
	text-decoration:none;
	color:#0f5768;
	font-weight:bold;
}
#last_news li a:hover{
	color:#000000;
}
#news {
	float:left;
    margin:0;
	padding:0;
	padding-top:10px;
	padding-bottom:7px;
	width:467px;
	overflow : auto ;
	height:180px;
	font-size:13px;
	background:#ffffff url(../images/fond-news.gif);
}
.plusinfos {
	float:left;
	margin-left:212px;
	margin-top:16px;
	font-size:10pt;
	font-family:Arial, verdana;
	font-weight:bold;
	background:#FFFFFF url(../images/plus-news.gif);
}
/*********** Derniers messages forum **********/
#forum {
	float:left;
	background:#eeeeee url(../images/fond-forum.gif);
	width:465px;
	padding:0px;
	margin:0px;
	margin-left:8px;
}
#forum h3 {
	font-size:12px;
	margin:0;
	margin-bottom:15px;
	padding:2px;
	padding-left:17px;
	padding-top:6px;
	padding-bottom:5px;
	background:#565656 url(../images/fond-titre-forum.gif);
	color:#FFFFFF;
}
#forum ul {
	margin:0;
	padding:0;
}
#forum li {
	text-align:left;
	margin-left:23px;
	font-family:Verdana, Arial "sans serif";
	font-size:11px;
	list-style:url(../images/rond2.gif);
	padding:0;
	padding-bottom:6px;
	margin-bottom:5px;
	border-bottom: 1px dashed #b8b9b9;
	color:#333333;
}
#forum li a{
	text-decoration:none;
	color:#333333;
}
#forum li a:hover {
	color:#376D71;
	text-decoration:underline;
}
/********************** Droite ***********************/
*HTML #droite {
	display:inline;
}
#droite{
	float:left;
	width:300px;
	text-align:justify;
	margin:0;
	margin-left:10px;
	margin-top:5px;
	margin-bottom:15px;
	padding:0;
	padding-top:10px;
	background:#FFFFFF;
}
#droite h3{
	background:#cbdfe7;
	color:#0d5168;
	margin:0;
	margin-bottom:10px;
	padding:3px;
	font-size:12px;
	text-align:center;
}
/*********** Liste deroulante **********/
#liste_droite {
	margin-bottom:0;
	margin-bottom:15px;
	text-align:center;
}
#liste_droite h3 {
	margin:0;
	margin-top:-10px;
	margin-bottom:15px;
}
/*********** Pub a droite **********/
#pub_300 {
	margin:0;
	margin-top:10px;
	margin-bottom:5px;
	background:#EEEEEE;
	text-align:center;
}
#news_seriestv ul{
	padding:0;
	margin:0;
	margin: 6px 0px 10px 0px;
	text-align:left;
}
#news_seriestv  li {
	text-align:left;
	margin-left:28px;
	font-family:Verdana, Arial "sans serif";
	font-size:11px;
	list-style:url(../images/fleche.gif);
	padding:0;
	margin-bottom:5px;
	border-bottom: 1px solid #eeeeee;
	color:#333333;
	font-size:10px;
}
/*********** Mise a jour **********/
#miseajour {
	background:#FFFFFF;
	padding-bottom:0px;
	margin:0;
	margin-top:15px;
}
#miseajour ul{
	padding:0;
	margin:0;
	margin: 6px 0px 10px 0px;
	text-align:left;
}
#miseajour li {
	text-align:left;
	margin-left:28px;
	font-family:Verdana, Arial "sans serif";
	font-size:11px;
	list-style:url(../images/fleche.gif);
	padding:0;
	margin-bottom:5px;
	border-bottom: 1px solid #eeeeee;
	color:#333333;
	font-size:10px;
}
#video {
	text-align:center;
	margin:0;
	margin-bottom:15px;
}
/********************** Footer ***********************/
#footer{
	clear:both;
	width:999px;
	height:20px;
	margin:0;
	margin-top:10px;
	padding:0;
	padding-top:6px;
	text-align:right;
	background:#EEEEEE;
	color:#3e3e3e;
	border-top:1px dashed #d6d5d5;
	border-bottom:2px solid #2083a4;
}
#footer .liens{
	float:left;
	margin-top:1px;
	padding-left:10px;
}
#footer .liens a{
	text-decoration:none;
	margin:0;
}
#footer .liens a:hover{
	text-decoration:underline;
}
#footer .recherche input{
	font-family:Verdana, Arial "sans serif";
	font-size:10px;
}
#footer .recherche_go input{
	right:5px;
	font-size:10px;
	font-weight:bold;
	font-family:Verdana, Arial "sans serif";
	color:#333333;
	border:none;
	width:30px;
}
#copyright{
	clear:both;
	width:100%;
	padding-top:3px;
	padding-right:10px;
	padding-bottom:3px;
	background:#02718b;
	color:#FFFFFF;
	font-size:10px;
	text-align:center;
}
#copyright a{
	color:#FFFFFF;
	text-decoration:unerline;
}
#copyright a:hover{
	text-decoration:none;
}
#top {
	float:right;
	margin:12px 10px 0px 0px;
}
#xiti {
	float:left;
	margin:9px 0px 0px 10px;
}
/********************** Page Actualites ***********************/
html>body .news, html>body .articles {
height: auto;
min-height: 100px;
} 
*HTML .news {
	margin-left:5px;
	margin-right:5px;
	width:645px;
}
.news,.articles {
	background:#FFFFFF;
	margin:0;
	margin-top:5px;
	margin-left:7px;
	margin-right:7px;
	padding:5px;
	margin-bottom:10px;
	font-size:10pt;
	font-family:Arial, verdana;
	border:1px solid #eeeeee;
	width:650px;
	height:100px;
}
.news img, .articles img {
	float:left;
	margin:0;
	margin-right:10px;
	margin-bottom:10px;
	border:1px solid #333333;
}
.news h2, .articles h2 {
	margin:0;
	margin-bottom:5px;
	font-size:14px;
	background:#EEEEEE;
}
.news h2 a, .articles h2 a{	
	background:#EEEEEE;
	color:#0f5768;
	text-decoration:none;
}
.news h2 a:hover, .articles h2 a:hover {
	color:#000000;
	text-decoration:none;
}
.news p, .articles p {
	margin:0;
}
#pub1 {
	float:right;
	margin-top:-30px;
}
#pub2 {
	float:left;
	margin-top:3px;
	margin-left:15px;
	display:inline;
}
/********************** Page Presentation ***********************/
*HTML #pres{
	width:625px;
}
#pres{
	float:left;
	margin:5px;
	margin-bottom:0;
	padding:10px;
	background:#FFFFFF;
	border-right:1px solid #BCD9F1;
	border-bottom:1px solid #BCD9F1;
	font-size:11px;
	font-family:verdana, arial;
	width:640px;
}
/********************** Page Liste des sites ***********************/
#images {
	float:left;
	width:670px;
}
.walls {
	float:left;
	width:184px;
	background:#EEEEEE;
	padding:10px;
	margin-left:5px;
	margin-right:10px;
	margin-bottom:10px;
	border:1px solid #cac9c9;
	text-align:center;
}
.walls h2{
	font-size:13px;
	margin:0;
	margin-bottom:5px;
	background:#FFFFFF;
}
.walls img {
	margin-left:4px;
}
/********************** Page Partenaires ***********************/
#partenaires{
	margin-left:10px;
}
/********************** Page Contact ***********************/
*HTML #contact {
	width:625px;
}
#contact{
	float:left;
	margin:5px;
	padding:10px;
	background:#FFFFFF;
	border-right:1px solid #BCD9F1;
	border-bottom:1px solid #BCD9F1;
	font-size:11px;
	font-family:verdana, arial;
	width:640px;
}
#contact h3 {
	margin:0;
	padding:5px;
	padding-bottom:5px;
	font-size:12px;
	background:#FFFFFF;
	color:#0F5768;
	border-bottom:1px solid #0F5768;
}
#contact label {
	float: left;
	width: 27%;	
	text-align: left;	
	margin: 0;
	padding: 0;
	line-height: 1.8;	
}
#contact p {
	margin:0;
	margin-bottom:5px;
}
#contact .cadre {
	background:#EEEEEE;
	margin:0;
	margin-bottom:10px;
	padding:10px;
	text-align:center;
}
/********************** Page Candidature ***********************/
#corpForm p {	
	padding: .2em 0;
	margin: 0 0 0 0;
}
#corpForm label {
	float: left;
	width: 35%;	
	text-align: left;	
	margin: 0;
	padding: 0;
	line-height: 1.8;	
}
/********************************* TITRE PAGES ****************************/
.actualite_titre, .article_titre, .interview_titre, .fiches_titre, .goodies_titre, .recrutement_titre, .contact_titre {
	font-family:Verdana, Arial, "sans serif";
	font-size:11px;
	font-weight:bold;
	background:#eeeeee;
	color: #333333;
	padding:4px 0px 2px 10px;
	margin-top:0px;
	margin-bottom:10px;
	height:17px;
	border:1px solid #FFFFFF;
}
/*********************************CHEMIN ET  RETOUR ****************************/
.chemin a, .chemin a:visited {
	color:#0F5768;
	text-decoration:underline;
}
.chemin  a:hover {
	text-decoration:none;
	color:#0F5768;
}
.retour {
	float:right;
	margin-top:-13px;
	margin-right:10px;
}
.retour a {
	text-decoration:none;
}
.rouge {
	color:#a10f19;
}
/* Changement de pages */
.pagination{
	margin-bottom:15px;
}
.pagination2{
	text-align:right;
	margin-top:10px;
}
.p1 {
	font-size: 10px;
	font-weight: bold;
	padding: 2px 4px 2px 4px;
	background-color: #e5f5fc;
	margin-right: 3px;
	color:#0f5768;
}
.p2 a {
	padding: 2px 4px 2px 4px;
	background-color: #e5f5fc;
	margin-right: 3px;
	color: #0f5768;
	font-size:10px;
	text-decoration:none;
}
.p2 a:hover {
	padding: 2px 4px 2px 4px;
	background-color: #0f5768;
	text-decoration: none;
	margin-right: 3px;
	color:#FFFFFF;
}
.p3 {
	font-size: 10px;
	padding: 2px 4px 2px 4px;
	background-color: #e5f5fc;
	margin-right: 3px;
	color: #0f5768;
}
.p3 a {
	color: #736b57;
}
.bookmark{
	margin-left:20px;
	margin-bottom:12px;
}