* {
margin: 0; 
padding: 0;
}

body {
margin: 0;
background-color : #f87500;
background-image : url(../images/bg.jpg);
background-repeat : repeat-x;
/* Pour IE uniquement */

}

img {
	border: 0;
}

.ajax-loading {
	      background-image: url('../images/spinner.gif');
              height: 205px;
              background-repeat: no-repeat;
	      background-position: center center;
                           
           }

/* STYLES FORMULAIRES */ 

.FormFormat, .FormFormat2    {
	margin: 0;
        padding: 0;  
        
}

.FormFormat .FormLabel, .FormFormat2 .FormLabel {
	background-image: url(../images/img_fleche_01.gif);
	background-repeat: no-repeat;
	background-position: right 8px;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}

.FormFormat .FormTable, .FormFormat2 .FormTable {
	background-image: url(../images/fond_deg_gris.gif);
	background-repeat: repeat;
	width: 600px;
        font-size: 11px;  
	border: 1px solid #CCCCCC;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 50px;
	padding-right: 50px;
}
.FormFormat .FormTable td, .FormFormat2 .FormTable td {
	padding: 4px;
        vertical-align: top; 
}
.FormFormat input.FormInput {
	width: 250px;
	font-family: Arial, Helvetica, sans-serif;
}

.FormFormat textarea {
	width: 400px;
        height: 100px;
	font-family: Arial, Helvetica, sans-serif;
}

.FormFormat2 textarea {
	width: 300px;
        height: 100px;
	font-family: Arial, Helvetica, sans-serif;
}

.FormFormat .FormTable .FormButton, .FormFormat2 .FormTable .FormButton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #F07300;
	color: #FFFFFF;
	font-weight: bold;
	border-right: solid 3px #FFCC33;
	border-bottom: solid 2px #FFFF00;
	padding: 2px;
	border-top: solid 3px;
	border-left:  solid 3px;
	
}
.FormFormat  h2, .FormFormat2  h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	text-transform: uppercase;
	color: #F07300;
	font-weight: bold;
        margin: 0;
        padding: 0; 
}



/* STYLES DES COMMENTAIRES */ 


.commentaire h3 {
        background-image: url('../images/comment.gif');
        background-repeat: no-repeat;
	background-position: 10px center; 
        background-color: #f7f5f6; 
        padding-left: 38px; 
        height: 28px; 
        color: #c04b00; 
        line-height: 28px; 
        
        
}
.commentaire h3 a {
	padding-left: 290px;
        background-image: url('../images/image_fleche_bleue.gif');
        background-repeat: no-repeat;
	background-position: 280px center; 
        color: #00415c; 
        font-style: italic;
        }
.commentaire h3 a:hover {
	text-decoration: underline; 
        
}
.commentaire .CommentaireIn {
	padding: 10px;
	border: 1px solid #CCCCCC;
        margin: 2px 0 8px 0;
}
.commentaire .CommentaireIn h4 {
	color: #333333;
}
.commentaire .CommentaireIn p {
	color: #373737;
}
.commentaire .CommentaireIn .date, .commentaire .CommentaireIn .author   {
	font-size: 11px; 
}
.commentaire .CommentaireIn .author  {
	font-weight: bolder;
        color: #414141; 
}
.commentaire .CommentaireIn .date {
        font-style: italic; 
        color: #5b5b5b;

}




/* STYLE DE LA BARRE OUTIL ARTICLE */


.tools  {
margin-bottom: 4px;
line-height: 1.5em;
}
.tools td {
vertical-align:top;
}

.tools img {
	margin-right: 2px;
        float: none; 	}
.tools a {
	color: #02567a;
}
.tools a:hover {
	text-decoration: underline;
}

.tools {
	color: #444444;
	font-size: 12px;
	}
.tools .gris {
	color: #b7b7b7;
	}
.tools hr {
  	color: #b7b7b7;
	background-color: #b7b7b7;
	border: 0;
	width: 10px; 
	height: 1px;
	clear: inherit;
}
.tools a.commentaires {
	background-image: url(../images/tools/picto_comment.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 13px;
}
.tools a.reagir {
	background-image: url(../images/tools/picto_reagir.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}

.tools a.envoi {
	background-image: url(../images/tools/picto_envoyer.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}

.tools a.facebook {
	background-image: url(../images/tools/picto_facebook.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}

.tools a.twitter {
	background-image: url(../images/tools/picto_twitter.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}

.NavPage {
       margin-left: 400px; 
       color: #47768a; 
       font-size: 14px; 
       border-bottom: solid 1px #47768a; 
}

.NavPage a{
    color: #47768a;
}

.NavPage a:hover{
    border: solid 1px #47768a;
    color: white; 
    background-color: #47768a;
    font-size: 17px; 
    font-weight: bold; 
}



/* STRUCTURE */

#container {
margin-left : auto;
margin-right : auto;
margin-top : 10px;
width : 994px;
background-color: #fff;
}

#colonneL {
float : left;
}
#colonneR {
float : right;
margin: 2px 5px 0 0 ;
/* width: 210px; */
}

#ban, #baseline, #page, #recherche, #footerLogo {
padding-left : 10px;
padding-right : 10px;
}

/* BANNIERES HEADER */

#ban {
background-image : url(../images/fond_bandeau_new.gif);
height : 70px;
background-repeat : repeat-y;
margin-left : auto;
margin-right : auto;
}
.bg_top {
background-image : url(../images/fond_bandeau_new.gif);
background-repeat : repeat-y;
}

.LiensBanniere, .LiensBanniere2 {
display: block; 

padding-right:18px; 
margin: 0 10px 0 0; 
color: #333333; 
font-size: 12px; 
text-align: right;
}

.LiensBanniere {
color: #333333;
background-image : url(../images/image_fleche_vert.gif);
background-repeat: no-repeat;
background-position: right center; 
}
.LiensBanniere2 {
color: #CCCCCC; 
}

 a.LiensBanniere:hover {
background-image : url(../images/picto_fleche.gif);
background-repeat: no-repeat;
background-position: right center;

}

/* NAVIGATION ( pour les menus cf. menus.css */

#nav {
background-image : url(../images/fond_nav.gif);
background-repeat : repeat-x;
height : 29px;
margin-left : auto;
margin-right : auto;
width : 979px;

}



/* FORMULAIRE DE RECHERCHE & BASELINE */

#recherche {
float : right;
padding-top : 2px;
}

#recherche form {
margin: 0; padding: 0;
}


#champ_recherche {
border-style : inset;
border-width : 1px;
border-color : #000000;
}
#btn_recherche_ok {
position : relative;
top : 3px;
}

#baseline {
text-align : right;
color : #00344d;
padding-right:30px;
font-weight : bold;
font-size: 12px;
}
#baseline a {
	color : #00344d;
}

/* FOOTER */ 

#footer #sponsors, #footer .box, #footer .required {
	float: left;
	height: 133px; 
}
#footer {
	font-family: Arial, Helvetica, sans-serif;
	color: #01567b;
	background-color: #FFFFFF;
        background-image : url(../images/pied_container.gif);
        background-repeat:no-repeat;
        background-position:bottom;
        height: 143px; 
        margin-left: 5px; 

}
#footer ul a:hover {
	text-decoration: underline; 
}
#footer .box {
	border-right: 1px solid #FFF0D9;
	margin-right: 7px;
	padding: 0px 6px 0 2px;
}
#footer .box li.titre {
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 2px;
	font-size: 14px;
}
#footer ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#footer .box a {
	font-size: 11px;
	color: #01567b;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
}
#footer .box img {
	display: block;
	margin: 0;
}
#footer .required {
	margin-left: 42px;
}
#footer .required ul {
	margin-left: 6px;
}


#footer .required a {
	font-size: 11px;
	color: #007bb0;
	text-decoration: none;
}
/* FOND DE PAGE ARRONDI */ 

.page {
background-image : url(../images/fond_page.gif);
background-repeat : repeat-y;
}


/* BLOC CENTRAL ARRONDI */ 

.ArrHaut {
	background-image: url(../images/haut_arrond.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width: 753px;
	padding-top: 10px;
        
}
.ArrHaut .FondCentral .ArrBas {
	background-image: url(../images/bas_arrond.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 753px;
        padding-top: 10px; 
}

.ArrHaut .FondCentral {
	background-image: url(../images/fond_arrondi.gif);
	background-repeat: repeat-y;
	width: 753px;
	margin: 0px;
}

.ArrHaut .FondCentral .TextCentral {
	padding: 0 17px 5px 20px; 
       margin-bottom: 0; 
      
        
}

 .ArrHaut .FondCentral .TextCentral2nd {
     background-color: #fbfaf9; 
     margin: 0 7px 3px 7px; 
     padding: 7px 14px 10px 21px; 
     border-bottom: dotted 1px #b9b6b3; 
     /* pour IE */
     overflow: visible;
     height: 1%;

}

.ArrHaut970 {
	background-image: url(../images/haut_arrond_970.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width: 970px;
	padding-top: 10px;
        
}
.ArrHaut970 .FondCentral970 .ArrBas970 {
	background-image: url(../images/bas_arrond_970.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 970px;
        padding-top: 10px; 
}

.ArrHaut970 .FondCentral970 {
	background-image: url(../images/fond_arrondi_970.gif);
	background-repeat: repeat-y;
	width: 970px;
	margin: 0px;
}

.ArrHaut970 .FondCentral970 .TextCentral970 {
	padding: 0 17px 5px 20px; 
       margin-bottom: 0; 
      
        
}

 .ArrHaut970 .FondCentral970 .TextCentral2nd {
     background-color: #fbfaf9; 
     margin: 0 7px 3px 7px; 
     padding: 7px 14px 10px 21px; 
     border-bottom: dotted 1px #b9b6b3; 
     /* pour IE */
     overflow: visible;
     height: 1%;

}

.shadowL {
width:400px;
min-width:400px;
max-width:400px;
padding-right:10px;
border-right: 1px solid #eee;
overflow:hidden;
}

.shadowR {
width:505px;
min-width:505px;
max-width:505px;
padding-left:5px;
overflow:hidden;
}

.articleL {
float : left;
padding-right : 10px;
}

/* STYLES PERMETTANT D'AFFICHER LES INFOSBULLES */

a.info {
position: relative; 
display: block;

}
a.info span {
display: none;
}
a.info:hover {
background: none; /* correction d'un bug IE */
z-index: 500;
}
a.info:hover span {
background-image: url(../images/bubble.png);
background-repeat: no-repeat;
display: inline; 
position: absolute; 
font-size: 11px; 
color: #fff; 
width: 134px;
top: 1em;
left: 1em;
text-align: center;
padding: 3px 3px 4px 0;

}

a.info span.agenda{
width: 130px;
}


/* STYLE DU NUAGE DE TAGS */

#cloud { 
   padding: 2px; 
   text-align: center;
   line-height: 1.3em; 
   width: 180px;
color : #47768a; 
 }
#cloud a {
   padding: 0px;
color : #47768a;  }
#cloud a:hover {
   text-decoration: underline; }
#cloud { 
   margin: 0; }
#cloud li { 
   display: inline; }

#cloud a.tag1 { 
   font-size: 9px; }
#cloud a.tag2 { 
   font-size: 12px; }
#cloud a.tag3 { 
   font-size: 20px; }
#cloud a.tag4 { 
   font-size: 25px; }
#cloud a.tag5 { 
   font-size: 32px; }
#cloud a.tag6 { 
   font-size: 40px; }
#cloud a.tag7 { 
   font-size: 50px; }


/* STYLE POUR LE MESSAGE D'ERREUR DES FORMULAIRES */ 

.errorMessage {
font-size: 14px; 
color : red; 
text-transform: uppercase; 

}