/**************************************/
/*  general et autres span divers     */
/**************************************/
body {
	font-family:     Trebuchet MS,Verdana, Arial,Helvetica, sans-serif;
	font-size:12pt;
	margin: 0;
	margin-left:10px;
	padding: 0px;
	width:900px;
        background: url(../images/fondbody.gif) top repeat-x;

	}
	
	
.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 {
	
	margin:0px;
	background-color:#ffffff;
	border-collapse: collapse;
	position: absolute;
	width:900px;
	left: 50%;
	margin-left: -450px;
	width:900px;
	}
	
#content {
	background-color:#FFFFFF;
	margin:0px;
	padding-left:0px;
	padding-right:0px;
	vertical-align:top;
	padding-bottom:15px;
	}
#contentdiv {
	padding-left:9px;
	padding-right:9px;
	margin-top:15px;

	}


#colgauche {
	width:180px;
	margin:0px;
	padding:0px;
	vertical-align:top;
	padding-top:0px;
	}
	
#coldroite {
	width:150px;
	margin:0px;
	padding:0px;
	vertical-align:top;
	padding-top:0px;
	margin-right:0px;
	}
	
#contentd {
	padding-left:0px;
	margin-left:0px;
	margin-right:0px;
	}
	
#contentg {
	padding:3px 2px 3px 2px;
	margin-left:0px;
	margin-right:0px;
	margin-top:15px;
	margin-bottom:7px;
	/*border:1px solid #5a8ed7;
	background-color:#e1eaf9;*/
	}

#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:900px;
	height:30px;
	margin:0px;
	padding-bottom:10px;
	margin-bottom:7px;
	padding:0px;
	vertical-align:top;

}
table.tabmenu {
width:900px;
}
.tabmenu td{
background-color:#0052c2;
padding:0px;
text-align:center;
}
.tabmenu  a{
display:block;
padding:6px 2px 6px 2px;
color:#fff;
font-size:10px;
font-weight:600;
text-decoration:none;
 background: url(../images/fondmenu2.gif) top repeat-x;
}
.tabmenu  a:hover{

background: url(../images/fondmenu1.gif) top repeat-x;
color:#f91e34;
/*background-color:red;*/

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

}
.act a{
display:block;
padding:6px 2px 6px 2px;
color:#000;
font-size:10px;
font-weight:600;
text-decoration:none;
background: url(../images/fondmenu1.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;
	
	}
td.logocci img {
width:60px;
height:60px;
}
		
/*******************************************************************/
/*  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;
padding-left:5px;
background-color:#0052c2;
color:#fff;
margin-bottom:2px;
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         */
/************************************************************************/


.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:1px;
	padding-left:5px;
	background-color:#5a8ed7;
	
	}
.menu3 a:hover {
	font-size:12px;
	color:#0052c2;
	background-color:#ffffff;
	}
	
.imgmenu {
	height:15px;
	float:left;
	}
	
/********************************************/
/*        menu nos formations a gauche      */
/********************************************/	
.deco {
	display:block;
	color:#0052c2;
	font-weight:bold;
	text-align:center;
	margin:0px;
	padding-top:5px;

	
	}
#menugauche {
	background-color:#f0f5fb;
	margin-right:0px;
	/*width:198px;*/
	text-align:left;
	vertical-align:top;
	border:1px solid #5a8ed7;
        margin-top:12px;
	margin-bottom:10px;
	text-align:left;
	padding-left:0px;
	padding-right:0px;
	}
	
#menugauche a {
font-weight:bold;
	font-size:10px;
  	margin: 0px 5px 2px 5px;
	padding-left:12px;
	padding-top:5px;
	vertical-align:top;
	text-decoration: none;
	display:block;
	height:25px;
	background-color:#ffffff;
	}
	
#menugauche a:hover {
	
padding-left:5px;
	
	}
	
span.management {
    	display:block;
        background-color:#d82a37;
	text-decoration: none;

}
span.management a {
color:#353535;
}
span.management a:hover{
text-decoration: none;
color:#d82a37;
   }

span.info {
	display:block;
  	background-color:#80a2d0;
	text-decoration: none;

	}
span.info a{
    	color:#353535;
	 display:block;
}
span.info a:hover{
	background-color:#80a2d0;
	text-decoration: none;
	color:#80a2d0;
}


span.hotel {
    	display:block;
        background-color:#e2017b;
	text-decoration: none;

}
span.hotel a {
color:#353535;
}
span.hotel a:hover{
text-decoration: none;
color:#e2017b;
   }
span.grh {
   	 display:block;
  	 background-color:#ef8613;
	 text-decoration: none;
	
}
span.grh a {
color:#353535;
}
span.grh a:hover{
    	text-decoration: none;
    	color:#ef8613;
}
span.tech {
    display:block;
   background-color:#83a0ae;
	text-decoration: none;
}
span.tech a {
color:#353535;
}
span.tech a:hover{
    	text-decoration: none;
    	color:#83a0ae;
}
span.langue {
    display:block;
    background-color:#045ba8;
    text-decoration: none;
}
span.langue a {
color:#353535;
}
span.langue a:hover{
    	text-decoration: none;
    	color:#045ba8;
}
span.logist {
    display:block;
   	background-color:#4c2582;
	text-decoration: none;
}
span.logist a {
color:#353535;
}
span.logist a:hover{
    	text-decoration: none;
    	color:#4c2582;
}
span.gestion {
    display:block;
   background-color:#b98ab9;
	text-decoration: none;
}
span.gestion a {
color:#353535;
}
span.gestion a:hover{
   	text-decoration: none;
   	color:#b98ab9;
}
span.vente {
    display:block;
   background-color:#afbe00;
		text-decoration: none;
	
}
span.vente a {
color:#353535;
}
span.vente a:hover{
   	text-decoration: none;
   	color:#afbe00;
}
span.managperso{
    display:block;
   background-color:#ff0096;
		text-decoration: none;
	
}
span.managperso a {
color:#353535;
}
span.managperso a:hover{
color:#ff0096;  
}

span.sante {
    display:block;
   background-color:#98d08b;
		text-decoration: none;
	
}
span.sante a {
color:#353535;
}
span.sante a:hover{
   	text-decoration: none;
   	color:#98d08b;
}

span.continue{
    display:block;
   background-color:#762d86;
	text-decoration: none;
	
}
span.continue a:hover{
   	text-decoration: none;
color:#762d86;
}

span.continue a {
color:#353535;
}
span.continue a:hover{
   	text-decoration: none;
color:#762d86;
}


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

#menudroit {
	background-color:#e1eaf9;
	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;
	
	
}

#menudroit a{
	display:block;
        margin-bottom:2px;
	padding:2px;
	padding-left:3px;
	vertical-align:top;
	color:#0052c2;
	background-color:#ffffff;
	text-decoration: none;
	}
#menudroit a:hover{
	color:#ffffff;
	background-color:#5a8ed7;
	}
/*****************************/
/*   menu entree client      */
/*****************************/	


#entreeclient {
	background-color:#e1eaf9;
	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;
	padding:2px;
	padding-left:3px;
	vertical-align:top;
	color:#0052c2;
	background-color:#ffffff;
	text-decoration: none;
	}
#entreeclient  a:hover{
	color:#ffffff;
	background-color:#5a8ed7;
	}	
	
/*********************************************/
/*   menu dispositif sous menu horizontal    */
/*********************************************/	
	/*#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;
	}*/
	
	
/*************************/
/*  Version imprimable   */
/*************************/	
   /* .print {
	background-color:#e1eaf9;
	margin:0px;
	margin-bottom:8px;
	padding:2px 6px 2px 6px;
	text-align:left;
	vertical-align:top;
	border:1px solid #5a8ed7;
	}
	
	.print a{
	display:block;
        margin-bottom:0px;
	vertical-align:top;
	color:#0052c2;
	background-color:#ffffff;
	text-decoration: none;
	padding-left: 3px;
	}
	
	.print a:hover{
	color:#ffffff;
	background-color:#5a8ed7;
	}*/
	
/***************************************************************/
/*   menu du bas de la page( menu text separe par des | )      */
/***************************************************************/	

#menubas {
	text-align:center;
	color:#000;
 	padding:6px 2px 6px 2px;
	background-color: #e1eaf9;
	}
	
#menubas a{
	
	color:#0052c2;
	
	}
#menubas a:hover{
	color:#5a8ed7;
	
	}
.menubasdiv {

}

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

#pied  {
	background-color: #ffffff;
	text-align:center;
	color:#000000;

	}
	td.logocci {
	text-align:center;
	}
/**************************/
/*   menu fil d'ariane    */
/**************************/
#ariane {
	width:550px;
	margin-bottom:7px;
	padding:0px;
	margin:0px;
	color:red;
        border-top:1px dotted #5a8ed7;
	border-bottom:1px dotted #5a8ed7;
	background-color:#ffffff;
}
	
#ariane a {
	color:#0052c2;
	font-weight:bold;
	font-size:9px;
	text-decoration: none;
	padding-bottom:0px;
}
#ariane a:hover{
	color:#5a8ed7;
	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;
	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:underline;
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;
 /*background-color:#e1eaf9;*/
  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;

}
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:600;
}

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;
}

legend{
color:#0052c2;
font-weight:600;
}
label {
color:#755016;
}
select {
margin-bottom:7px;
}
#datamints{
	background-color:#e1eaf9;
	font-size:16px;
	margin:0px;
	margin-bottom:8px;
	border:1px solid #5a8ed7;
	width:150px;
	text-align:center;
	}