body
{
/*width: 100%;*/
margin: auto;
margin-bottom: 10px;
/*background-image: url("images/fondaccueil2.png");*/
background-attachment: fixed;
}
a img
{
border: none;
}
/* L'en-tête */
.global
{
background-image: url("images/fondbleu.png");
background-repeat: no-repeat;
min-width: 1280px;
height: 20%;
}

.imlogo
{
display: block;
position: absolute;
margin-top: 0px;
z-index:2;
width: 25%;
}

.titre 
{
height: 150px;
}

.text p
{
Width: 50%;
margin-left: 25%;
margin-top: 0%;
text-align: right;
font-family: "Calibri(corps)", arial, verdana;
font-size: 1.5vw;
}

.premiere
{
text-transform: capitalize;
font-size: 2vw;
color: rgb(55,96,146);
font-family: "Calibri (Corps)", arial, verdana;
}

.slogan
{
position: relative;
top: 10px;
height: 50px;
}

.slogan p
{
text-align: left;
font-family: "monotype corsiva", "Calibri (Corps)", arial, verdana;
color: rgb(55,96,146);
font-size: 2vw;
margin-top: 0px;
margin-left: 60%;
}
.premiere2
{
text-transform: capitalize;
font-size: 40px;
color: rgb(55,96,146);
font-family: "monotype corsiva","Calibri (Corps)", arial, verdana;
}
.bandeau
{
width: 10%;
height: 100px;
border: rgb(0,112,192);
}

.connect
{
width: 250px;
height: 150px;
}

.ident
{
margin-top: 0px;
margin-left: 0%;
height: 130px;
width:90%;
}

.ident2
{
width: 100%;
}

.fixed_btm
{
float: right;

}

table.ident.i
{
color: rgb(0,92,132);
}

table.ident.a
{
color: rgb(128,128,128);
}

.valid
{
height: 60px;
width: 60%;
margin-top: 2px;
}

.boutonconnex
{
display: block;
float: right;
margin-right: 15%;
}

/*LE MENU*/

#menu 
{
display: block;
margin-left: 20%;
width: 80%;
min-width: 900px;
height: 20px;
}
#menu dl 
{
float: left;
width: 16.5%;
margin-top: 5px;

}
#menu dt 
{
cursor: pointer;
text-align: center;
font-weight: bold;
}

#menu dt a 
{
color: rgb(72,104,142);
font-family:"Calibri (corps)", arial, verdana, sans-serif;
font-size: 14px;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu dt a:hover 
{
color: rgb(255,0,0);

}

/*le corps*/

#corps
{
height: 750px;
}

.tab
{
/*background-image: url("images/fondaccueil2.png");
background-position: center;
background-position: top;
background-repeat: repeat-y;*/
}

.nx 
{
height: 250px;
}

.container
{
margin-left: 0%;
height: 250px;
}
	
	/*zone telephone*/
	
.telephone
{
float: left;
margin-left: 10%;
background-image: url("images/fondtel.png");
background-repeat: no-repeat;
background-position: center;
height: 200px;
width: 320px;
text-align: center;
}

.ajust
{
height: 20%;
}

.teltext
{
height: 30%;
}

.teltext i
{
color: rgb(255,0,0);
font-family:"Calibri (corps)", arial, verdana, sans-serif;
font-size: 14px;
text-decoration: none;
vertical-align: bottom;
}

	/* Zone slider*/
	
.wrapper
{
height: 240px;
}
/*---------- Main Slider Container----------- */
#slider 
{
width:320px;
height:200px;
position:absolute;
z-index:2;
display:block;
left: 60%;
margin-top: 30px;
}
/* Every slide must be hidden by default */
.slide { display:none; }

/* 
   And only the slide with "cs-activeSlide" class must be visible!
   !Reserved Class name. Required class! 
*/
.cs-activeSlide { display:block; }

/* Container with caption's text. Must be hidden */
.slide-descriptions {
	display:none;
}

/* Container with caption, must be hidden by default */
.caption
{
    background: url('images/slide/d-bg.png') repeat scroll 0 0 transparent;
    color: rgb(255,255,255);/*text commentaires*/
    display: none;
    height: 180px;/*taille commentaires*/
    padding: 10px;
    position: absolute;
    left: 77%;
    margin-top: 5px;
    width: 180px;
    font-family:"Calibri (corps)", arial, verdana, sans-serif;
    font-size: 12px;
    z-index: 3;
}
.organisme
{
    font-family:"Calibri (corps)", arial, verdana, sans-serif;
    font-size: 10px;
}

	/* Zone multiple */
	
.doc
{
min-width: 200px;
border-top: solid 10px rgb(249,249,249);
border-right: solid 1px rgb(250,250,250);
}

.doc p
{

height: 450px;
margin-top: 0px;
margin-left: 1%;
color: rgb(72,104,142);
}

.doc a
{
color: rgb(72,104,142);
font-family:"Calibri (corps)", arial, verdana, sans-serif;
font-size: 10px;
text-decoration: none;
}

.doc a.mois
{
color: rgb(0,0,0);
font-family:"Calibri (corps)", arial, verdana, sans-serif;
font-size: 10px;
text-decoration: none;
}

.adds
{
height: 250px;
width: 27%;
border-top: solid 10px rgb(249,249,249);
border-right: solid 5px rgb(250,250,250);
border-bottom: solid 10px rgb(249,249,249);
}

.adds p
{
height: 250px;
width: 100%;
margin-left: 0%;
margin-top: 5px;
color: rgb(255,90,60);
font-family:"Calibri (corps)", arial, verdana, sans-serif;
font-size: 18px;
text-decoration: none;
text-align: center;
}

.adds p b
{
color: rgb(0,0,0);
font-size: 12px;
}

.adds p i
{
color: rgb(0,0,0);
font-size: 12px;
}

.adds a
{
color: rgb(72,104,142);
font-family:"Calibri (corps)", arial, verdana, sans-serif;
font-size: 14px;
text-decoration: none;
text-align: center;
}

.imcomp
{
position: relative;
top: 5px;
}

.imnews
{
position: relative;
top: 5px;
}

.infoplus
{
height: 100px;

}

/*DOCUMENTATION*/

#documentation
{
color: rgb(255,90,60);
font-family:"Calibri (corps)", arial, verdana, sans-serif;
font-size: 18px;
text-decoration: none;
}

#pf, #VAE, #CPF, #CIF, #CIR
{
color: rgb(0,0,0);
font-family:"Calibri (corps)", arial, verdana, sans-serif;
font-size: 12px;
text-decoration: none;
}

/*CALENDRIER*/

.calenti
{
font-family:"Calibri (corps)", arial, verdana, sans-serif;
font-size: 20px;
color: rgb(255,90,60);
width: 100%;
text-align: center;
}

.calendrier1
{
float: left;
font-family:"Calibri (corps)", arial, verdana, sans-serif;
font-size: 8px;
text-decoration: none;
color: rgb(72,104,142);
width: 49%;
}

.calendrier2
{
float: right;
font-family:"Calibri (corps)", arial, verdana, sans-serif;
font-size: 8px;
text-decoration: none;
color: rgb(72,104,142);
width: 49%;
}

.calendrier1 a, .calendrier2 a
{
text-decoration: none;
}

.calendrier1 a:active, .calendrier1 a:focus, .calendrier1 a:visited, .calendrier2 a:active, .calendrier2 a:focus, .calendrier2 a:visited
{
color: rgb(255,90,60);
}


/* LE PIED DE PAGE*/

#pied
{
height: 20px;
}

ul.tabpied li
{
float: right;
padding-right: 1%;
height: auto;
width: auto;
height: 5px;
list-style-type: none;
}

/* La barre de choix liste active*/

ul.tabpied li.active
{
color: rgb(187,124,204);
}
ul.tabpied li.active a
{
color: rgb(128,128,128);
}

/* La barre de choix texte*/

.tabpied a
{
font-size: 10px;
text-align: center;
color: rgb(169,154,174);
text-decoration: none;
padding: 2px;
}
.tabpied a:hover
{
color: rgb(255,0,0);
}