/* CSS Document */
* {
	margin: 0px; /* Reset */
	padding: 0px; 
}

body{	
	margin:0px;
	padding:0px; 
	font-family:"Trebuchet MS";
	font-size:12px;	
	text-align:left;
	color:#333333;
	background:url(../image/fond.jpg) top left repeat;
}

a {
	text-decoration:none;
	color : #3393AC;/*color: #333333;*/
}

.page_active{ 
	color:#333333; 
}

a:visited {
	text-decoration:none;
}

a:hover{
	color:#666666;text-decoration: underline;
}

a:active{
	color: #333333;
}

.info_bulle{
	cursor:default;	
}

/*Pour les traits continus */
#site{
	overflow:hidden;
	width: 100%;
	height:100%;
	/*background:url(../image/fond.jpg) top left repeat;*/
	background:url(../image/traitFort.gif) top left repeat-x;
}

/*Taille de ma page, pour resolution 1024 */
#page {
	width: 974px;	
	margin-left: auto;
	margin-right: auto;

}

/*div contenant le bandeau droite */
#banniere {
	width:761px;
	height:184px;
	background:url(../image/bandeau.jpg) no-repeat;
	float: left;
}
#banniere1 {
	width:761px;
	height:71px;
	background:url(../image/bandeau.gif) no-repeat;
	float: left;
	margin-left:1px;
}

/*div contenant les logos cliquables */
#logo {
	width:211px;
	height:255px;
	float:left;
}

#cs3i {
	width:211px;
	height:177px;
	float:left;
	background:url(../image/logocs3i.gif) top left no-repeat;
}

#emed {
	width:211px;
	height:78px;
	float: left;
	background:url(../image/logoemed1.jpg) top left no-repeat;
}

/*div rendant le logo cs3i cliquable */
#transparentLogo {
	width:154px;
	height:80px;
	cursor:pointer;
	margin-top:90px;
	margin-left:26px;
	/*border: 1px solid red;*/
}

/*div rendant le logo Emed cliquable */
#transparentEmed {
	width:194px;
	height:64px;
	cursor:pointer;
	margin-top:9px;
	margin-left:8px;
}

/*Premeire ligne du logo Emed */
#textEmed1 {
	font-size:14px;
	font-weight:bold;
	color:#494D15;
	padding-top:15px;
	margin-left:67px;
}
/*deuxieme ligne du logo Emed */
#textEmed2 {
	color:#FFFFFF;
	padding-top:12px;
	margin-left:12px;
	font-size:11px;
}
/*hack pour safari - pb padding*/
html[xmlns*=""] body:last-child #textEmed2 { 
	padding-top:18px;
}

/* titre contenu dans la banniere */
#titrBanniere1
{
	font-size:19px;
	margin-top:60px;
	margin-left:35px;
	line-height:14px;
	font-weight:bold;
	color:#333333;
}
/* titre contenu dans la banniere */
#titrBanniere2
{
	font-size:19px;
	margin-top:20px;
	margin-left:145px;
	line-height:14px;
	font-weight:bold;
	color:#333333;
}
/* texte contenu dans la banniere */
#textBanniere
{
	font-size:11px;
	color:#6699CC;
	margin-top:22px;
	margin-left:25px;
	line-height:14px;
}
* html #textBanniere {
	margin-top:25px;
}
*+html #textBanniere {
	margin-top:25px;
}

/* la barre de menu haut  */
#menuHaut {
	overflow:hidden;
	background:url(../image/menuHaut.gif) top left no-repeat;
	width:728px;
	height:40px;
	float:none;
	margin-left:220px;
	font-size:13px;
	/* font-weight:bold; */
	padding-top:6px;
}
/*hack pour safari - pb padding */
html[xmlns*=""] body:last-child #menuHaut { 
	padding-top:8px;
}

/* 1er texte menu haut */
#textMenuHaut1 {
	float: left;
	text-align:center;
	width:60px;
	height:32px;
	cursor:pointer;
}
/* 2eme texte menu haut */
#textMenuHaut2 {
	float: left;
	text-align:center;
	width:136px;
	height:32px;
	cursor:pointer;
}
/* 3eme texte menu haut */
#textMenuHaut3 {
	float: left;
	text-align:center;
	width:148px;
	height:32px;
	cursor:pointer;
}
/* 4eme texte menu haut */
#textMenuHaut4 {
	float: left;
	text-align:center;
	width:190px;
	height:32px;
	cursor:pointer;
}
/* 5eme texte menu haut */
#textMenuHaut5 {
	float: left;
	text-align:center;
	width:172px;
	height:32px;
	cursor:pointer;
}
/* Milieu pour avoir la differenciation fleche/pointeur*/
.milieuMenuHaut {
	float: left;
	width: 5px;
	height: 32px;
	cursor:default;
}

/* la barre de menu gauche */
#menuGauche {
	overflow:hidden;
	background:url(../image/menuGauche.jpg) top left no-repeat;
	width:194px;
	height:200px;
	margin-left:9px;
	 /*font-weight:bold;*/
	float: left;
	text-align: right;
}
/* la div qui contient chaque menu */
.divMenuGauche {
    width: 194px;
	height: 32px;
}
/* le text du menu, le lien */
.textMenuGauche {
	color: #333333;
	padding-right:17px;
}
/* lorsque l'on a cliqué sur le menu de gauche */
.click{
	color: #666666; 
	float: left; 
	padding-left: 12px
}
/* une div pour caler le text en hauteur */
.divPoussMenu {
	padding-top:10px;
}

/* la div integrale du milieu */
#milieu {
	width : 728 px;
	margin-left:220px;
}

/* div du titre du milieu */
#hautMilieu {
    width: 727px;
	height: 30px;/*47*/ 
	background:url(../image/trait.jpg) bottom left repeat-x;
}
/* premiere partie du titre */
#hautMilieu1 {
    width: 21px;
	height: 30px; /*47*/
	background:url(../image/rubriqueGauche.jpg) top left no-repeat;
	float: left;
}
/* deuxieme partie du titre, avec le text */
#hautMilieu2 {
	height: 24px;/*38*/
	background:url(../image/rubriqueMilieu.jpg) top left repeat-x;
	float: left;
	color: #FFFFFF;
	font-size:18px; /*28 */ padding-top:6px;
}
/* troisieme partie du titre */
#hautMilieu3 {
    width: 21px;
	height: 30px;/*47*/
	background:url(../image/rubriqueDroite.jpg) top left no-repeat;
	float: left;
}

/* la partie textuelle du milieu */
#textMilieu {
    width: 727px ;
	color : #818396 ;
	text-align: justify;
}
/* image du milieu pour page leader */
#image {
	float : left;
	padding-right: 35px;
	padding-bottom: 120px;
}
/*hack pour safari */
html[xmlns*=""] body:last-child #image { 
	padding-bottom: 60px;
}
/* image du milieu pour page index */
#image2 {
	float : left;
	padding-right: 35px;
	padding-bottom: 10px;
}
/*hack pour safari */
html[xmlns*=""] body:last-child #image2 { 
	padding-bottom: 0px;
}

/* le bas de page */
#bas {
	overflow: hidden;
}

/* la partie contactez nous */
#contact {
	background: url(../image/contact1.jpg) top left no-repeat;
	width: 194px;
	height: 43px;
	cursor: pointer;
	float: left;
	margin-left: 9px;
}
#textContact {
	font-size: 14px;
	font-weight: bold;
	color: #494D15;
	margin-left: 67px;
	padding-top: 18px;
}
/*hack pour safari - pb padding */
html[xmlns*=""] body:last-child #textContact { 
	padding-top:20px;
}

/* la partie information */
#info {
	background: url(../image/bas.gif) bottom right no-repeat;
	width: 750px;
	height: 43px;
	float: left;
}
#textInfo {
	padding-top: 19px;
	padding-left: 25px;
	float: left;
}
/*hack pour safari - pb padding */
html[xmlns*=""] body:last-child #textInfo { 
	padding-top:21px;
}
#textInfo2 {
	padding-top: 19px;
	padding-left: 10px;
	float: left;
	color: #FFFFFF;
}
/*hack pour safari - pb padding */
html[xmlns*=""] body:last-child #textInfo2 { 
	padding-top:21px;
}
/* lien vers le site cs4j */
#cs4j {
	width: 22px;
	height: 22px;
	margin-top : 15px;
	margin-left : 725px;
	cursor: pointer;
}

.ulLeader {
	padding-left: 30px;
}
.ulLeader2 {
	padding-left: 30px;
}
.ulLeader2 li{
	list-style-type:disc;
	li
}

#ulLead {
	/*padding-left: 240px;*/
}

#precisionDemande {
  position: relative;
  top:-20px;
  left:290px;
  visibility:hidden;
}
#precisionProfession {
  position: relative;
  top:-40px;
  left:245px;
  visibility:hidden;
}
#precisionP {
  position: relative;
  top:-40px;
  left:245px;
  visibility:visible;
}
#precisionD {
  position: relative;
  top:-20px;
  left:290px;
  visibility:visible;
}
#desinscription {
	width: 250px;
	position:absolute; 
	display:block;
	left: 545px; 
	top:18px;
}


.enteteActu {
	background:url(../image/actuTitre.jpg) top left no-repeat;
	width: 728px;
	height: 35px;
	color: #333333;
}
.dateActu {
	float:left;
	width: 200px;
	margin-left: 30px;
	font-size:11px;
	margin-top: 5px;
	color: #FFFFFF;
}
.titrActu {
	float: left;
	/*margin-top: 3px;*/
	
}


.imageActu {
	float:left;
	width: 220px;
	text-align:center;
}
.textActu {
	float: left;
}

.suiteActu {
	background:url(../image/actuSuite.jpg) top left no-repeat;
	width: 728px;
	height: 24px;
	font-size:11px; 
}
.textSuite {
	padding-top: 5px;
	margin-left: 640px;
	text-decoration:none;
	text-transform: none;
}
html[xmlns*=""] body:last-child .textSuite { 
	padding-top: 4px;
}


/*DIVERS*/
.pousseur{clear:both;}

.gras{
	font-weight:bold;
}

.blue {
	color : #3393AC;
}

.vert {
	color : #c5cf12;
}

.right {
	float: right;
}

.sign {
	color : #818396 ;
	font-size: 9px;
	margin-left: 32px;
	padding-top: 8px;
}

.contactInput {
	position: relative;
	left: 100px;
	top: -20px;
}

.left {
	float: left;
}
.leftJust {
	float: left;
	text-align:justify;
	width: 535px;
}
.right {
	float: right;
}
.souligne {
	text-decoration:underline; color : #3393AC;
}
.blanc {
	background:#FFFFFF;
}
.white {
	color: #FFFFFF;
}
.white:hover {
	color: #FFFFFF;
}

.ombre {
	background: url(../image/fondOmbre2.gif) top left repeat-y;
}
html[xmlns*=""] body:last-child .ombre { 
	background: url(../image/fondOmbre2.gif) top left repeat-y;
}
*+html .ombre {
	background: url(../image/fondOmbre2.gif) top left repeat-y;
}
*html .ombre {
	background: url(../image/fondOmbre2.gif) top left repeat-y; 
}


.ombreBas {
	background: url(../image/ombreBas.gif) top left repeat-x;
	width: 970px;
	height: 26px;
	margin-left: auto;
	margin-right: auto;
}
h3 { font-weight:normal; font-size:16px;}



/* photos */

.inset {background: transparent; margin:0 auto;}
.inset h1, .inset p {margin:0 10px;}
.inset h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.inset p {padding-bottom:0.5em;}

.inset .top, .inset .bottom {display:block; background:transparent; font-size:1px;}
.inset .b1, .inset .b2, .inset .b3, .inset .b4, .inset .b1b, .inset .b2b, .inset .b3b, .inset .b4b {display:block; overflow:hidden;}
.inset .b1, .inset .b2, .inset .b3, .inset .b1b, .inset .b2b, .inset .b3b {height:1px;}
.inset .b2 {background:#D0DFE6; border-left:1px solid #D0DFE6; border-right:1px solid #D0DFE6;}
.inset .b3 {background:#D0DFE6; border-left:1px solid #D0DFE6; border-right:1px solid #D0DFE6;}
.inset .b4 {background:#D0DFE6; border-left:1px solid #D0DFE6; border-right:1px solid #D0DFE6;}
.inset .b4b {background:#D0DFE6; border-left:1px solid #D0DFE6; border-right:1px solid #D0DFE6;}
.inset .b3b {background:#D0DFE6; border-left:1px solid #D0DFE6; border-right:1px solid #D0DFE6;}
.inset .b2b {background:#D0DFE6; border-left:1px solid #D0DFE6; border-right:1px solid #D0DFE6;}


.inset .b1 {margin:0 5px; background:#D0DFE6;}
.inset .b2, .inset .b2b {margin:0 3px; border-width:0 2px;}
.inset .b3, .inset .b3b {margin:0 2px;}
.inset .b4, .inset .b4b {height:2px; margin:0 1px;}
.inset .b1b {margin:0 5px; background:#D0DFE6;}

.inset .boxcontent { text-align:center; display:block; background:#D0DFE6; border-left:1px solid #D0DFE6; border-right:1px solid #D0DFE6; margin-left:auto; margin-right:auto}

.marginLeft25 { margin-left: 25px; }