html, body, div, span, applet, object, iframe, img,
 h2,  h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn,  font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b,  i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
 caption, tbody, tfoot, thead,  th {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        /* vertical-align: baseline; */

		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-style:normal;
		
}

body {
margin: 0 auto;
padding: 0;
background: url(art/fond-entete.jpg) 0 0 repeat-x;
background-color:#3a739e;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

a {cursor:url(art/cursor.cur),pointer;}

div#main {
position:relative;
width:1051px;
/* padding-top:367px; */
margin:0 auto;
}
div#header_index, div#header { height:367px;}
#header_index img { position:absolute;opacity:0.0; z-index:8}
#header_index img.active {
    z-index:10;
	opacity:1.0; 
}

#header_index  img.last-active {
    z-index:9;
}

div#content, div#contentlarge {
/* width:851px; */

background:url(art/content.jpg) 0 0 repeat-y;
padding : 0 95px;
color:#264e6d;
float:left;  
}


div#footer{
/* margin:0 auto; 
 width:1051px; */
background:url(art/piedpage.jpg) 0 0 no-repeat;
height:48px;
padding-top:24px;
padding-left:85px;
color:#fff;
clear:both;
}

/* Self-clearing Containers#main:after {content:".";height:0;display:block;clear:both;visibility:hidden;}
#main {display:inline-block;} /* Force IE7 to respect generated content */
/* IE box model hacks */
* html #content {width:851px;wid\th:851px;}  


/* * html #menu {height:2em;} */

h1 {
font-size:24px;
color:#2c5a7c;
font-style:italic;
margin:0 0 10px 0;
width:525px;
}

h2 {
font-size:14px;
width:525px;
font-style:italic;
color:#3a77a5;
}

h4 {
font-size:15px;
font-weight:bold;
color:#2c5a7c;
margin-bottom:5px;
}

#content p {
margin-bottom:15px;
  width:525px;  
line-height:16px;
margin-right:362px; 
}

div#contentlarge p {
margin-bottom:15px;
 width:851px;
line-height:16px;
}


#content ul li, #contentlarge ul li {
margin:0 0 0 30px;
padding:0;

}

#content ul, #contentlarge ul {
line-height:15px;
list-style:circle;
margin:0 0 15px 0 ;
padding:0;
}

#content ul.gauche {
width:525px;
margin-top:-15px;
}

#content a, #contentlarge a {
font-weight:bold;
color:#d55;
text-decoration:none;
}

#content a:hover, #contentlarge a:hover {
color:#090;
}

#content p.formateur span {
font-size:24px;
color:#2c5a7c;
font-style:italic;
margin-bottom:10px;
line-height:28px;
font-weight:bold;
}

#content p.formateur_cv {
border:1px solid #618dae;
padding:1px 3px 2px 3px;
display:inline;
}

#footer a {
color:#ddf;
text-decoration:none;
}

#footer a:hover {
background-color:#fff;
color:#2c5a7c;
}

div#contentlarge {width:850px }

#contentlarge  div.date {
background:url(art/date.gif) 0 1px no-repeat;
width:42px;
color:#fff;
padding:1px 0  0 0;
}

#contentlarge  div.evene p {margin:0; width:780px}

#contentlarge  div.evene {
 border-left:1px solid #a8c0d3; 
position:relative;
top:-40px;
left:50px;
/* width:680px; */
padding-left: 10px;
}

#contentlarge div#liens p {text-align:center}

/* *********************  GRANDS CADRES ******************** */
div.cadre_g_v {
position:relative;
background:url(art/cadre-g-v.png) 0  0 no-repeat;
width:828px;
padding-top:56px;
}

div.cadre_g_v_bot {
background:url(art/cadre-g-v-bot.png) 0  0 no-repeat;
height:23px;
}

div.cadre_g_r {
position:relative;
background:url(art/cadre-g-r.png) 0  0 no-repeat;
width:828px;
padding-top:51px;
}

div.cadre_g_r_bot {
background:url(art/cadre-g-r-bot.png) 0  0 no-repeat;
height:23px;
}

div.cadre_g_j {
position:relative;
background:url(art/cadre-g-j.png) 0  0 no-repeat;
width:828px;
padding-top:54px;
}

div.cadre_g_j_bot {
background:url(art/cadre-g-j-bot.png) 0  0 no-repeat;
height:23px;
}

div.cadre_g_m {
position:relative;
background:url(art/cadre-g-m.png) 0  0 no-repeat;
width:828px;
padding-top:52px;
}

div.cadre_g_m_bot {
background:url(art/cadre-g-m-bot.png) 0  0 no-repeat;
height:22px;
}

#content div.cadre_g_v p, #content div.cadre_g_r p, #content div.cadre_g_j p, #content div.cadre_g_m p  {width:auto; margin:0 20px ;}
/* *********************  fin GRANDS CADRES ******************** */

/* *********************  PETITS CADRES ******************** */
div.cadre_bleu, div.cadre_bleu_simple   {
position:relative;
background:url(art/cadre_bleu.png) 0  0 no-repeat;
width:851px;
padding-top:48px;
margin-right:312px;
}

h3 {
position:relative;
top:-17px;
color:#fff;
font-weight:bold;
line-height:14px;
right:18px;
margin:0;
padding:0;
text-align:right;
}

div.cadre_bleu h3, div.cadre_bleu_simple h3 {margin:0 312px 0 0 }

#content div.cadre_bleu p, #content div.cadre_bleu_simple p {
width:500px;
margin:0 20px ;
}

 div.cadre_bot {
background:url(art/cadre_bleu-03.png) 0  0 no-repeat;
height:23px;
}

div.cadre_j {
background:url(art/pcadre-j.png) 0  0 no-repeat;
width:441px;
padding-top:54px;
}

div.cadre_j_bot {
background:url(art/pcadre-j-bot.png) 0  0 no-repeat;
height:22px;
}
div.cadre_j_cont {background:url(art/pcadre-j-cont.png) 0  0 repeat-y;}

div.cadre_j_cont p, div.cadre_v_cont p {
width:auto;
margin:0 20px ;
}

div.cadre_v {
background:url(art/pcadre-v.png) 0  0 no-repeat;
width:441px;
padding-top:54px;
}
div.cadre_v_bot {
background:url(art/pcadre-v-bot.png) 0  0 no-repeat;
height:22px;
}
div.cadre_v_cont {background:url(art/pcadre-v-cont.png) 0  0 repeat-y;}

/* ********************* fin PETITS CADRES ******************** */


/* ********************* BLOC DROIT ******************** */
#bloc_droit {
background:url(art/cadre_droit_fond.jpg) 0 115px no-repeat;
/* width:310px; */
position:absolute; 
top:252px;
left:640px; 
padding:0 20px;
margin:0;
float:left;
z-index:10;
}

* html #bloc_droit {width:310px;wid\th:310px;}

#bloc_droit p {
margin: 15px 00px;
width:280px;
font-size:10px;
}


#liste_formateurs p span {font-weight:bold}
#liste_formateurs h4 {font-size:16px; font-style:italic}
#bloc_droit a {font-weight:normal;color:#d55;font-size:11px;}


div.date {
background:url(art/date.gif) 0 0 no-repeat;
width:42px;
height:44px;
color:#fff;
padding:0;
}
#bloc_droit div.date p, #contentlarge div.date p {
text-align:center;
 width:42px;
 line-height:12px;
font-size:10px;
padding-top:3px;
 margin:0px 0;
 }
 
 #bloc_droit div.evene {margin-bottom:10px}
 
#bloc_droit  div.evene_text {
 position:relative;
top:-45px;
left:50px;
margin-bottom:-30px;
}

#bloc_droit  div.evene_text p {width:210px;margin:0; border-left:1px solid #a8c0d3; padding:0 0 0 10px}

#bloc_droit span.evene_type {
font-size:10px;
font-weight:bold;
text-transform:uppercase;
color:#080;
line-height:10px;
}

/* ********************* fin BLOC DROIT ******************** */


/* ********************* MENU ******************** */
div#menu {
position:absolute;
top:20px;
left:440px;
width:540px;
clear:both;
}

ul#ulmenu  li {
margin:0;
padding:0;
list-style: none;
float: left;
}



#tooltip {
	position:absolute;
	border:1px solid #333;
	background:#2c5a7c;
	padding:2px 5px;
	color:#fff;
	display:none;
	font-size:10px;
	margin:0 auto;
}	
#menu li a {width:75px}
 
#bulle {
position:absolute;
background:url(art/bulle.png) 0 0 no-repeat;
padding-top:15px;
width:143px;
color:#334;
font-size:9px;
/* margin:0 auto; */
z-index:100;
text-align:center;
visibility: hidden;
} 

#bulle p{padding:0 10px; font-size:11px }

#bulle_bot {
background:url(art/bulle_bot.png) 0 0 no-repeat;
height:14px;
}
/* ********************* fin MENU ******************** */