@charset "UTF-8";



/* CSS Document */







body {

	height: auto;

	width: 100%;

	background-image: url(images/background.gif);

	background-repeat: repeat-x;

	padding: 0px;

	margin: 0px;
	
	overflow-y: scroll;

}



#body {

    height: auto;

    margin: auto;

    padding: 0;

    width: 960px;

}



/*********************** HEADER ************************/



#header {

	float: left;

	width: 960px;

	position: relative;

	height: auto;

}



.logo {

	margin-top: 50px;

	margin-left: 30px;

	margin-right: 0px;

	margin-bottom: 15px;



	float: left;



}



#menu {



	float: left;



	height: 35px;



	width: 960px;



	padding-top: 10px;



}



.point-bleu{



	padding: 0px;



	margin: 0px;



	float: left;	



}



#btn-comite{
	display:block;
	width:90px;
	height:20px;
	padding: 0px;
	margin: 0px;
	float: left;
	background-image: url(images/comites.png);



}



#btn-comite:hover{



	background-image: url(images/comites-over.png);	



}



#btn-soumettre{
	display:block;
	width:185px;
	height:20px;
	padding: 0px;
	margin: 0px;
	float: left;
	background-image: url(images/soumettre.png);



}



#btn-soumettre:hover{



	background-image: url(images/soumettre-over.png);	



}



#btn-abonnement{



	display:block;



	width:128px;



	height:22px;



	padding: 0px;



	margin: 0px;



	float: left;



	background-image: url(images/abonnement.png);	



}



#btn-abonnement:hover{



	background-image: url(images/abonnement-over.png);	



}



#btn-sommaire{
	display:block;
	width:203px;
	height:20px;
	padding: 0px;
	margin: 0px;
	float: left;
	background-image: url(images/sommaire.png);



}



#btn-sommaire:hover{



	background-image: url(images/sommaire-over.png);	



}
#btn-appel{
	display:block;
	width:185px;
	height:20px;
	padding: 0px;
	margin: 0px;
	float: left;
	background-image: url(images/appel.png);



}



#btn-appel:hover{



	background-image: url(images/appel-over.png);	



}





#btn-liens{
	display:block;
	width:99px;
	height:20px;
	padding: 0px;
	margin: 0px;
	float: left;
	background-image: url(images/liens.png);



}



#btn-liens:hover{



	background-image: url(images/liens-over.png);	



}



#btn-haut {



	float: left;



	height: auto;



	width: auto;



	margin-top: 90px;



	margin-left: 50px;



}







/*************************** BTN-HAUT *********************/



#btn-haut img{



	float: left;



	height: auto;



	width: auto;



	padding:10px;



}



#btn-accueil {



	display:block;



	height:75px;



	width:75px;



	background-image: url(images/bt_accueil.gif);



	background-repeat:no-repeat;



	background-position: center;



	float:left;



	padding:10px;



}



#btn-accueil:hover{



	background-image: url(images/bt_accueil-over.gif);	



}



#btn-dernier {



	display:block;



	height:75px;



	width:75px;



	background-image: url(images/bt_dernier.gif);



	background-repeat:no-repeat;



	background-position: center;



	float:left;



	padding:10px;



}



#btn-dernier:hover{



	background-image: url(images/bt_dernier-over.gif);	



}







#btn-contact {



	display:block;



	height:75px;



	width:75px;



	background-image: url(images/bt_contact.gif);



	background-repeat:no-repeat;



	background-position: center;



	float:left;



	padding:10px;



}



#btn-contact:hover{



	background-image: url(images/bt_contact-over.gif);	



}







#btn-opp {



	display:block;



	height:75px;



	width:75px;



	background-image: url(images/bt_opp.gif);



	background-repeat:no-repeat;



	background-position: center;



	float:left;



	padding:10px;



}



#btn-opp:hover{



	background-image: url(images/bt_opp-over.gif);	



}







/********************************* CONTENU ACCUEIL ****************************/



#contenu-accueil {



    background-image: url("images/bg-contenu.gif");



    background-position: left top;



    background-repeat: no-repeat;



    float: left;



    margin-left: 25px;



    margin-top: 35px;



    min-height: 400px;



    padding: 10px 0 0 35px;



    width: 845px;



}



#contenu-accueil img {

    float: left;

    position:relative;

}

#texteaccueil {

    float: left;

    margin-right: 50px;

    position: relative;

    width: 550px;

}







/********************************* CONTENU PAGES ****************************/



#contenu{



    background-image: url("images/bg-contenu.gif");



    background-position: left top;



    background-repeat: no-repeat;



    float: left;



    margin-left: 25px;



    margin-top: 35px;



    min-height: 400px;



    padding: 0;



    width: 845px;



}







h2 {



    margin: 2px;



    width: 400px;



}



#contenu li {
	list-style-image: url("images/puce-orange.gif");
	margin-bottom: 5px;
	margin-left: 35px;
	margin-top: 5px;

}

#contenu2 li {
	list-style-image: url("images/petit-point-bleu.gif");
	margin-bottom: 5px;
	margin-top: 5px;

}


#contenu-s-li {

    margin-bottom: 15px;

    margin-left: 10px;

    margin-top: 25px;

}

#contenu-contact {

    margin-left: 45px;

    margin-top: 30px;

}

#contenu-comites {
	margin-left: 45px;
	margin-top: 30px;
	padding-bottom: 30px;
}

#contenu-soumettre p {

	margin-left:10px;

}



#contenu-abonnement {
	margin-left: 45px;
	margin-top: 30px;
	width:520px;
}
#achat {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	width: 225px;
	float: right;
	margin: 5px;
	border: thin solid #009ee0;
	padding: 12px;
}



/**************************** SOMMAIRE ****************/

#contenu-sommaire {

    float: left;

    height: auto;

    padding: 1px 0 0 25px;

    width: 900px;

}

#sommaire {

    height: auto;

    margin-left: 250px;

    margin-top: 25px;

    width: 650px;

}

#sommaire-menuorange {
	background-color: #FE5F0D;
	float: left;
	height: 100%;
	width: 150px;
	padding-top: 15px;
	padding-right: 25px;
	padding-bottom: 30px;
	padding-left: 25px;
}
#boiteorange {
	background-color: #FE5F0D;
	width: 150px;
	float: none;
}
.barreblanche {
	border: 0;
	padding: 0;
}

#sommaire-menuorange a {

    color: #FFFFFF;

    display: block;

    font-family: Arial,sans-serif;

    font-size: 16px;

    margin: 10px 0;

}

#sommaire-menuorange a:hover{

    color:#000;

}

.page-active{

    color:#000;

	font-size:16px;

	margin: 10px 0;

}

#sommaire li, #contenu-comites li {

    font-family: Arial,sans-serif;

    font-size: 12px;

	color: #2E3339;

    list-style-image: url("images/petit-point-bleu.gif");

    list-style-position: outside;

}



#sommaire a, #contenu-comites a {

	font-family : Arial, sans-serif;

	font-style : normal;

	font-size : 11px;

	color:#ff6600;

	text-decoration:underline;

}



#sommaire a:hover, #contenu-comites li {

	text-decoration:none;

}



/********** LIGHTBOX ***************/

div.lightbox {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	visibility: visible;
   }

  #contenu-lightbox {
	background-color:#FFF;
	width:400px;
	height:auto;
	margin:50px auto;
	padding:20px;
	box-shadow: 1px 1px 4px 1px #09F;
   }

div.lightbox .titre{
	font-size:14px;
	color: #009ee0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
   }

div.lightbox a{

	margin-top:15px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

   }



div.lightbox:target {
	background-color: rgba(153,153,153,0.8);
	display: block;
	padding-top: 50px;
	font-size:12px;
	z-index: 20;
}



div.lightbox:target {

   border: solid white 10px;

   }

/*********************** MISE EN FORME GENERALE ******************/

p{

	font-family : Arial, sans-serif;

}

.titre{

	font-size:22px;

	margin:0;

	padding:0;

}



.sous-titre {
	font-size: 14px;
	margin: 25px 0 10px;
	padding: 0;
	text-align: center;
}
.sous-titre-thematique {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	font-weight: bold;
}


.sous-titre-sommaire {
	font-size: 18px;
	margin: 25px 0 10px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.texte-contact{

    font-size: 16px;

	line-height:20px;

}
.textetitretableau {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	text-align: left;
}

.texte{

    font-size: 12px;

	line-height:20px;

}
.texte2{

    font-size: 12px;

	line-height:12px;

}
.gris {   

color: #2E3339;

}

.bleu{

	color:#009ee0;

	font-weight: bold;

}

.orange{
	color:#fe5f0d;
}
.hautpage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
}

.blanc{
	color:#FFF;
}

.caps{

	text-transform: uppercase;	

}

.pageliens {

	font-family: Arial, sans-serif;

	font-size: 14px;

	line-height: 20px;

	color: #fe5f0d;

	font-weight: bold;

	text-decoration: none;

}



a{

	color:#fe5f0d;

	text-decoration: none;

}

a:hover{
	text-decoration: none;

}

.tabulation {

	 color: #2E3339;

    font-family: Arial,sans-serif;

    font-size: 12px;

	line-height: 20px;

	padding-left: 30px;

}
#footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	padding-bottom: 20px;
	float: left;
	width: 100%;
	height: 20px;
	background-color: #CCC;
	text-align: center;
	padding-top: 10px;
}
#titretableau {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	color: #FFF;
}
.titrecentre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #009ee0;
	text-align: center;
}
.titrecentre2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #009ee0;
	text-align: center;
}
.txlientableau {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	color: #fe5f0d;
}
.normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.lisanspoint {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2E3339;
}
.bold-editeur {
	font-weight: bold;
}
.titre-it {
	font-style: italic;
}