/************************************************************************/
/*  general et autres span divers                                       */
/************************************************************************/
body {
	font-family:     Trebuchet MS,Verdana, Arial,Helvetica, sans-serif;
	margin: 0;
	margin-left:10px;
	padding: 0px;
	width:980px;
  	background: #ffffff;
  	text-align:center;
	}
	

	
	
.black {
	color:black;
	text-decoration:underline;
	font-weight:bold;
	}



img {
	border:0px;
	margin:0px;
	margin-bottom:0px;
	padding:0px;
	}
	
	
/************************************************************************/
/*  div et cellules du tableau ou sont les contenu et autre objets typo */
/************************************************************************/

 #tablo1 {
	
	background-color:#ffffff;
	border-collapse: collapse;
	width:980px;
	margin-right:auto;
	margin-left:125px;
	} 


	
 /* parametres du corps de texte */
#content {
	background-color:#FFFFFF;
	margin:0px;
         width:720px;
	padding-left:0px;
	padding-right:0px;
	vertical-align:top;
	padding-bottom:15px;
	}


#contentdiv {
	padding-left:15px;
	padding-right:20px;
	margin-top:15px;

	}


#colgauche {
	width:210px;
	font-size:11px;
	margin:0px;
	padding:0px;
	vertical-align:top;
	padding-top:0px;
	background-color:#e8e3cf;
	}

	
#coldroite {
	width:180px;
	font-size:11px;
	margin:0px;
	padding:0px;
	vertical-align:top;
	padding-top:0px;
	margin-right:0px;
	background-color:#ffffff;
	}

	
#contentd {
	padding-left:0px;
	font-size:10px;
	margin-left:0px;
	margin-right:0px;
	background-colour:#e8e3cf;
	}

	
#contentg {
	padding:3px 2px 3px 2px;
	font-size:10px;
	margin-left:0px;
	margin-right:0px;
	background-color:#e8e3cf;
	margin-top:15px;
	margin-bottom:7px;
	/*border:1px solid #5a8ed7;*/
	}


#contentd div .csc-textpic_csc-textpic-center_csc-textpic-above	{
	border:1px dotted #5a8ed7;
	}


/************************************************************************/
/*  cellule du tableau ou est le menu horizontal                        */
/************************************************************************/
.menuhori{
	background-color:#ffffff;
	width:980px;
	height:30px;
	margin:0px;
	padding:0px;
	vertical-align:top;
	padding-bottom:7px;
	padding-top:-1px;
	}


table.tabmenu {
	width:980px;
	font-size:14px;
	}
	
	
.tabmenu td{
	background-color:#e0dbc7;
	padding:0px;
	text-align:center;
	}

	
.tabmenu  a{
	display:block;
	height:30px;
	padding:18px 2px 0px 2px;
	color:#4d4d4d;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
 	background: url(../images/fondmenubeige2.gif) top repeat-x;
	}
	
.tabmenu  a:hover{
	background: url(../images/fondmenubeige1.gif) top repeat-x;
	color:#948a5f;
	/*background-color:red;*/
	}
	

.tabmenu td.act{
	/*background-color:#ffffff;*/
	}

.act a{
	display:block;
	padding:18px 2px 0px 2px;
	color:#000;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	background: url(../images/fondmenuaccueil1.gif) top repeat-x;
	}




/************************************************************************/
/*  cellule du tableau ou sont le logo et la banniere                   */
/************************************************************************/	
.logo {
	margin:0px;
	padding:0px;
	background-color:#ffffff;
	}
	
.banniere {
	background-color:#ffffff;
	text-align:right;
	margin:0px;
	padding:0px;
	}

	
	
/************************************************************************/
/*  menu 2e niveau ( layer) sous le menu graphique de 1e niveau         */
/************************************************************************/	

.menu2 {
	font-size:13px;
	padding-left:0px;
	background-color:#ffffff;
	margin:0px;
	border-left:2px solid #0052c2;
	} 

.menu2 a{
	display:block;
	text-align:left;
	padding-left:5px;
	background-color:#0052c2;
	color:#fff;
	margin-bottom:3px;
	text-decoration:none;
	}
	
.menu2 a:hover {
	font-size:13px;
	color:#ffffff;
	background-color:#5a8ed7;
	}

	
	
/************************************************************************/
/*  menu 3e niveau ( layer) sous le menu graphique de 2e niveau         */
/************************************************************************/

/*.menu3block {
	/*border: 1px solid #5a8ed7;*/
	/*width:120px;
	border-bottom:none;
	background-color:#e1eaf9;
	font-size:10px;
	}*/

.menu3 {
	background-color:#e1eaf9;
	font-size:12px;
	text-align:left;
	color:#5a8ed7;
	margin:0px;
	/*border-left:1px solid #5a8ed7;*/
	border-right:1px solid #5a8ed7;
	padding-bottom:5px;
	padding:1px;
	}
	
.menu3 a {
	display:block;
	font-size:12px;
	color:#ffffff;
	text-decoration: none;
	margin-bottom:2px;
	padding-left:5px;
	background-color:#5a8ed7;
	text-align:left;
	}
	
.menu3 a:hover {
	font-size:12px;
	color:#0052c2;
	background-color:#ffffff;
	}
	
.imgmenu {
	height:15px;
	float:left;
	}
	
	
/********************************************************/
/*        menu de gauche                                */
/********************************************************/	

/*titre de meunu gauche*/
.deco {
	display:block;
	font-size:13px;
	color:#a1161e;
	font-weight:bold;
	text-align:center;
	margin:0px;
	padding-top:5px;
	}

	
/*corps de meunu gauche*/
#menugauche {
	/*background-color:#ffffff;*/
	font-size:11px;
	margin-right:0px;
	width:210px;
	text-align:left;
	vertical-align:top;
	/*border:1px dotted #94107e;*/
        	margin-top:12px;
	margin-bottom:10px;
	text-align:left;
	padding-left:0px;
	padding-right:1px;
	}
	
#menugauche a {
	font-weight:bold;
	/* margin-bottom:2px;
	margin-top:0px;*/
	margin: 0px 5px 2px 5px;
	padding-left:10px;
	padding-top:10px;
	vertical-align:top;
	/*color:#000000;*/
	text-decoration: none;
	display:block;
	height:34px;
	}
	
#menugauche a:hover {
	padding-left:10px;
	}
	
/*.imgcomp {
	margin-bottom:0px;
	float:left;
	}*/





/*Span pour affichage menu de gauche*/

span.accueil {
	display:block;
  	/*height:40px;*/
	text-decoration: none;
	}
	
span.accueil a {
	background: url(../images/barremenu_jaune_out.gif) no-repeat;
    	/*background-color:#d4006b;*/
	color:#4d4d4d;
	}
	
span.accueil a:hover{
	color:#aaaaaa;
	background: url(../images/barremenu_jaune_over.gif) no-repeat;
	text-decoration: none;
	}



span.accueil1 {
	display:block;
  	height:40px;
	text-decoration: none;
	}
	
span.accueil1 a {
	background: url(../images/barremenu_jaune_out.gif) no-repeat;
    	/*background-color:#d4006b;*/
	color:#4d4d4d;
	}
	
span.accueil1 a:hover{
	color:#aaaaaa;
	background: url(../images/barremenu_jaune_over.gif) no-repeat;
	text-decoration: none;
	}




	
span.appui {
	display:block;
  	/*height:40px;*/
	text-decoration: none;
	}
	
span.appui a {
	background: url(../images/barremenu_rose_out.gif) no-repeat;
    	/*background-color:#d4006b;*/
	color:#ffffff;
	}
	
span.appui a:hover{
	color:#94107e;
	background: url(../images/barremenu_rose_over.gif) no-repeat;
	text-decoration: none;
	}



span.collectivites {
	display:block;
  	/*height:40px;*/
	text-decoration: none;
	}
	
span.collectivites a {
	background: url(../images/barremenu_orange_out.gif) no-repeat;
    	/*background-color:#d4006b;*/
	color:#ffffff;
	}
	
span.collectivites a:hover{
	color:#4d4d4d;
	background: url(../images/barremenu_orange_over.gif) no-repeat;
	text-decoration: none;
	}
	
	

span.collectivites2 {
	display:block;
  	height:50px;
	text-decoration: none;
	}
	
span.collectivites2 a {
	background: url(../images/barremenu_orange2_out.gif) no-repeat;
    	/*background-color:#d4006b;*/
	color:#ffffff;
	}
	
span.collectivites2 a:hover{
	color:#4d4d4d;
	background: url(../images/barremenu_orange2_over.gif) no-repeat;
	text-decoration: none;
	}


span.ccipratique {
	display:block;
  	/*height:40px;*/
	text-decoration: none;
	}
	
span.ccipratique a {
	background: url(../images/barremenu_bordeaux_out.gif) no-repeat;
    	/*background-color:#d4006b;*/
	color:#ffffff;
	}
	
span.ccipratique a:hover{
	color:#dededd;
	background: url(../images/barremenu_bordeaux_over.gif) no-repeat;
	text-decoration: none;
	}


span.ccipratique2 {
	display:block;
  	/*height:40px;*/
	text-decoration: none;
	}
	
span.ccipratique2 a {
	background: url(../images/barremenu_bordeaux2_out.gif) no-repeat;
    	/*background-color:#d4006b;*/
	color:#ffffff;
	}
	
span.ccipratique2 a:hover{
	color:#dededd;
	background: url(../images/barremenu_bordeaux2_over.gif) no-repeat;
	text-decoration: none;
	}




	
/************************************************************************/
/*  menu a droite du contenu ( intranet etc..)                          */
/************************************************************************/

#menudroit {
	background-color:#ffffff;
	font-size:11px;
	font-weight:bold;
	color:#353535;
	margin:0px;
	margin-bottom:8px;
	padding:2px;
	padding-bottom:0px;
	text-align:left;
	vertical-align:top;
	/*border:1px solid #5a8ed7;*/
	padding-left:6px;
	padding-right:6px;
	}
	
*html#menudroit {
	width:150px;
	}
	
#menudroit a{
	display:block;
	height:40px;
    	margin-bottom:2px;
	/*margin-top:0px;*/
	padding:2px;
	padding-left:40px;
	vertical-align:top;
	color:#353535;
	background: url(../images/btn_acces_securises_40x40.png) left no-repeat;
	/*background-color:#ffffff;*/
	text-decoration: none;
	}
	
#menudroit a:hover{
	color:#aaaaaa;
	background: url(../images/btn_acces_securises_40x40.png) left no-repeat;
	/*background-color:#ffffff;*/
	}
	
	
	
	
	
/************************************************************************/
/*   menu entree client  = menu de droite                               */
/************************************************************************/	

#entreeclient {
	background-color:#ffffff;
	font-size:11px;
	font-weight:bold;
	margin:0px;
	margin-bottom:8px;
	padding:2px;
	padding-bottom:0px;
	text-align:left;
	padding-left:6px;
	padding-right:6px;
	vertical-align:top;
	/*border:1px solid #5a8ed7;*/
	}
	
#entreeclient  a{
	display:block;
    	margin-bottom:2px;
	/*margin-top:0px;*/
	padding:2px;
	height:35px;
	padding-left:40px;
	vertical-align:top;
	color:#a1161e;
	/*background-color:#000000;*/
	/*background: url (../images/btn_violet.gif) ;*/
	text-decoration: none;
	}
	
#entreeclient  a:hover{
	color:#353535;
	padding-left:40px;
	/*background-color:#ffffff;*/
	}	
	



*Span pour affichage menu de droite*/

span.bouton {
	display:block;
  	text-decoration: none;
	}
	
span.bouton a {
	background: url(../images/btn_bleu_accueil.gif) no-repeat;
    	color:#6f8abd;
    	height:40px;
	}
	
span.bouton a:hover{
	color:#32507b;
	background: url(../images/btn_bleu_accueil.gif) no-repeat;
	text-decoration: none;
	}





span.boutonactu {
	display:block;
  	text-decoration: none;
  	}
	
span.boutonactu a {
	background: url(../images/btn_actualites_30x30.png) no-repeat;
    	color:#6f8abd;
    	height:40px;
    	}
	
span.boutonactu a:hover{
	color:#32507b;
	background: url(../images/btn_actualites_30x30.png) no-repeat;
	text-decoration: none;
	}




span.boutonmag {
	display:block;
  	text-decoration: none;
	}
	
span.boutonmag a {
	background: url(../images/btn_magazine_30x30.png) no-repeat;
    	color:#6f8abd;
    	height:40px;
    	}
	
span.boutonmag a:hover{
	color:#32507b;
	background: url(../images/btn-magazine_30x30.png) no-repeat;
	text-decoration: none;
	}
	
	
	

span.boutonpresse {
	display:block;
  	text-decoration: none;
	}
	
span.boutonpresse a {
	background: url(../images/btn_presse_30x30.png) no-repeat;
    	color:#6f8abd;
    	height:40px;
     	}
	
span.boutonpresse a:hover{
	color:#32507b;
	background: url(../images/btn_presse_30x30.png) no-repeat;
	text-decoration: none;
	}


span.boutonbilan {
	display:block;
  	text-decoration: none;
  	}
	
span.boutonbilan a {
	background: url(../images/btn_bilan_30x30.png) no-repeat;
    	color:#6f8abd;
    	height:40px;
    	}
	
span.boutonbilan a:hover{
	color:#32507b;
	background: url(../images/btn_bilan_30x30.png) no-repeat;
	text-decoration: none;
	}




span.boutonlien {
	display:block;
  	text-decoration: none;
	}
	
span.boutonlien a {
	background: url(../images/btn_lien_bleu_30x30.png) no-repeat;
    	color:#6f8abd;
    	height:40px;
    	}
	
span.boutonlien a:hover{
	color:#32507b;
	background: url(../images/btn_lien_bleu_30x30.png) no-repeat;
	text-decoration: none;
	}



span.boutonplan {
	display:block;
  	text-decoration: none;
	}
	
span.boutonplan a {
	background: url(../images/btn_carte_30x30.png) no-repeat;
    	color:#6f8abd;
    	height:40px;
    	}
	
span.boutonplan a:hover{
	color:#32507b;
	background: url(../images/btn_carte_30x30.png) no-repeat;
	text-decoration: none;
	}



span.boutoncontact {
	display:block;
  	text-decoration: none;
	}
	
span.boutoncontact a {
	background: url(../images/btn_contacts_30x30.png) no-repeat;
    	color:#6f8abd;
    	height:40px;
    	}
	
span.boutoncontact a:hover{
	color:#32507b;
	background: url(../images/btn_contacts_30x30.png) no-repeat;
	text-decoration: none;
	}

	
span.boutonlogin {
	display:block;
  	text-decoration: none;
	}
	
span.boutonlogin a {
	background: url(../images/btn_login_30x30.png) no-repeat;
    	height:40px;
    	}
	
span.boutonlogin a:hover{
	background: url(../images/btn_login_30x30.png) no-repeat;
	text-decoration: none;
	}



	
	
/************************************************************************/
/*   menu dispositif  Bloc de menu en haut à droite sous menu hori      */
/************************************************************************/	
/*#dispositif {
	background-color:#e1eaf9;
	margin:0px;
	margin-bottom:8px;
	padding:2px 6px 2px 6px;
	text-align:left;
	vertical-align:top;
	border:1px solid #5a8ed7;
	}
	
#dispositif a{
	display:block;
	margin-bottom:0px;
	vertical-align:top;
	color:#0052c2;
	background-color:#ffffff;
	text-decoration: none;
	height:14px;
	}
	
#dispositif a:hover{
	color:#ffffff;
	background-color:#5a8ed7;
	}
	
.menu3b {
	display:block;
	padding:1px;
	background-color:#5a8ed7;
	margin:0px;
	}
	
.menu3b a{
	display:block;
	color:#ffffff;
	background-color:#0052c2;
	font-size:12px;
	text-decoration: none;
	padding-top:2px;
	padding-bottom:2px;
	margin-bottom:1px;
	}
	
.menu3b a:hover{
	color:#0052c2;
	background-color:#ffffff;
	}*/
	
	
	
/************************************************************************/
/*   menu du bas de la page( menu text separe par des | )               */
/************************************************************************/	

#menubas {
	text-align:center;
	color:#948a5f;
	font-size:10px;
	margin-top:5px;
	padding:6px 2px 6px 2px;
	border-top:solid 1px #e0dbc7;
	/*background-color: #e0dbc7;*/
	}
	
#menubas a{
	color:#948a5f;
	text-decoration:underline;
	}
	
#menubas a:hover{
	color:#4d4d4d;
	text-decoration:none;
	}

	
.menubasdiv {

	}

/************************************************************************/
/*   pied de page                                                       */
/************************************************************************/

#pied  {
	background-color: #ffffff;
	text-align:center;
	font-size:10px;
	color:#4d4d4d;
	}
	
td.logocci {
	text-align:center;
	background-color:#ffffff;
	}
	
	
/************************************************************************/
/*   menu fil d'ariane                                                  */
/************************************************************************/
#ariane {
	width:600px;
	margin-bottom:7px;
	padding:0px;
	margin:0px;
	color:#948a5f;
    	border-top:1px dotted #948a5f;
	border-bottom:1px dotted #948a5f;
	background-color:#ffffff;
	}
	
#ariane a {
	color:#948a5f;
	font-weight:bold;
	font-size:9px;
	text-decoration: none;
	padding-bottom:0px;
	}
	
#ariane a:hover{
	color:#c5b77e;
	font-weight:bold;
	font-size:9px;
	text-decoration: none;
	padding-bottom:3px;
	}

	
.roottitle {
	display:block;
	color:#0052c2;
	background-color:#ffffff;
	margin-left:0px;
	margin-bottom:-5px;
	text-align:center;
 	}
 
/************************************************************************/
/*   date courante   inseree dans le gabarit                            */
/************************************************************************/

#date {
	color:#fa1e39;
	font-weight:bold;
	text-align:center;
	background-color:#ffffff;
	/*border:1px dotted #5a8ed7;*/
	margin-bottom:7px;
	padding-top:3px;
	padding-bottom:3px;
	}


/************************************************************************/
/*extension  image aleatoire permet d'agir sur le positionnement        */
/************************************************************************/
 
.tx-maagrandomimage-pi1 {
	text-align:center;
	} 
	
.tx-maagrandomimage-pi1  img{
	max-width: 150px;
	}
 
 
 
/************************************************************************/
/*macina search box                                                     */
/************************************************************************/
 .tx-indexedsearch {
 	width:420px;
 	}
 	
.tx-indexedsearch h2{
	background-color:#ffffff;
	color:#0052c2;
	text-decoration:none;
	font-size:14px;
	text-align:center;
 	}
 	
table#indexedsearch {
	width:550px;
	background-color:#ffffff;
	margin:0px;
	border-spacing: 0px;
	border-collapse: collapse ;
	}
 
 #indexedsearch td{
 	padding-right::0px;
 	}
 	
#recherche {
	width:178px;
	color:#d4006b;
	background-color:#e8e3cf;
	/* border: 1px solid #5a8ed7;*/
	}
#recherche td{
	padding-left:1px;
	margin:0px;
	}
	
#recherche tr{
	width:178px;
	}

#recherche table{
	width:180px;
	margin:0px;
	margin-right:-5px;
	}

#tx_indexedsearchw{
	display:block;
	background-color:#ffffff;
	border: 1px inset gray;
	text-align:left;
 	}
 
#tx_indexedsearchsub {
	background-color:#5a8ed7;
	border: 1px outset blue;
	color:#ffffff;
	font-weight:bold;
	padding-left:1px;
	}
 
 


/************************************************************************/
/* flex liens reseaux et partenaires                                    */
/************************************************************************/
.logolien img{
	width:50px;
	height:50px;
	}

.logolien {

	}

.nomlien {

	}

.liensite {

	}

.infosupp{

	}

.separat{
	background-color:#f0f5fb;
	}

table.listereseau{
	width:100%;
	}


/************************************************************************/
/* flex liste equipe peda ou autres                                     */
/************************************************************************/

.separation{
	background-color:#000000;
	}
	
table#pedatab{
	width:500px;
	}
	
#pedatab td{

	}
	
td.photo {
	width:100px;
	height:120px;
	}
	
td.vide {
	height:5px;
	}
	
h1.titrepeda {
	text-align:center;
	}
	
td.text {

}



/************************************/
/* flex liste je suis               */
/************************************/

div.jesuisliste {
	width:500px;
	margin:0px;
	vertical-align:top;
	}
	
div.titrejesuis {
	width:500px;
	height:50px;
	background-color:#fff;
	font-size:20px;
	font-weight:500;
	color:0052c2;
	text-align:center;
	}
	
div.blahblah {
	margin:0px;
	background-color:#fff;
	width:500px;
	padding:15px;
	}

div.flottant {
	background-color:#fff;
	text-align:center;
	width:100px;
	border:2px solid #fc1e33;
	margin-right:5px;
	margin-top:10px;
	float:left;
	padding:3px;
	font-weight:500;
	}

div.flottant a{
	margin-left:10px;
	color:#0052c2
	}
	
div.flottant a:hover{
	margin-left:10px;
	color:#5a8ed7
	}




/***********************/
/* formulaire contact  */
/***********************/

div.formg {
	float:left;
	display:inline;
	width:200px;
	}

div.formd {
	float:right;
	margin-top:-90px;
	}
	
.champs {
	display:block;
	float:left;
	margin-right:20px;
	margin-bottom: 10px;
	}
	
div.adre {
	clear: both;
	display: block;
	margin-bottom:10px;
	}

label {
	color:#755016;
	}

#content #contentdiv .news-list-container,
#content #contentdiv .news-latest-container,
#content #contentdiv .news-list-container .news-list-item,
#content #contentdiv .news-latest-container .news-list-item,
#content #contentdiv .news-single-item
 {
border:none;
}