body {
 font: 11px verdana, sans-serif;
 /*background: #AFA99B url("../img/fond.jpg") top left no-repeat;*/
 /*background: #AFA99B;*/

 background:#000000 url(../img/bg.jpg) repeat-x scroll center top;
 margin: auto;
 padding: 0;
 margin:auto;
 width: 750px;
 color: #000;
}

body h3
{
text-align:center;
color: #780220;
font-size: 15px;
margin-bottom: 20px;
}


#conteneur
{
background-color: #e6e6e6;
 height: 21px;

}

#contenu
{
float:left;
background-color: #fff;
height: auto;
width: 750px;
padding-bottom: 15px;
padding-top: 10px;
}

/* ------------------------------------------------------------------------------------
contenu_texte
------------------------------------------------------------------------------------ */


#contenu_texte
{
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;

}

#contenu_texte h4
{
font-size: 12px;
color:#000;
}



#contenu_texte h1
{
font-size: 16px;
text-decoration: underline;
padding-left: 30px;
background: transparent url("../img/puce_titre.png") no-repeat;
}

#contenu_texte h5
{
margin : 0px;
text-align:center;
font-size: 11px;
font-weight: bold;
padding-bottom: 3px;
padding-top: 3px;
}

#contenu_texte p
{
/* font-size: 11px; */
/* color:#000; */
text-align:justify;
}


#contenu_texte strong {
font-weight: normal;
text-decoration: underline;
}

#contenu_texte a {
text-decoration: none;
color: #000;
text-decoration: underline;
}

#contenu_texte .centrer
{
text-align: center;
font-weight: bold;
}

#contenu_texte .notation

{
font-size: 9px;
text-align: center;
}

img {
border-style: none;
}


#mots_clefs
{
border: 1px solid #000;
width: 490px;
height:auto;
background-color: #cccccc;
padding: 5px 5px 5px 5px;
}


#mots_clefs2
{
border: 1px solid #000;
height:auto;
float:left;
background-color: #cccccc;
margin-top: 10px;
padding: 5px;
text-align:center;
}

#mots_clefs p, #mots_clefs2 p
{
padding-left: 15px;
padding-right: 15px;
}
#header
{
background: #AFA99B url("../img/header.png") top left no-repeat;
height: 100px;
width: 750px;
}


#photo_accueil
{
float : left;
height: 225px;
width: 300px;
margin-right: 10px;
margin-left: 10px;
border: 1px solid #000;
}

.coin-slider { overflow: hidden; zoom: 1; position: relative; float : left; margin-right: 10px; margin-left: 10px;}
.coin-slider a { text-decoration: none; outline: none; border: none;}

.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }

.cs-title { width: 300px; padding: 10px; background-color: #000000; color: #FFFFFF; }

.cs-prev, .cs-next { background-color: #fff; color: #000; padding: 0px 10px; }

#partenaire1
{
background:#FFF url("../img/partenaires/fond_partenaire1.jpg") repeat-x scroll center top;
float : left;
height: 150px;
width: 340px;
margin: 10px 10px 10px 10px; 
border: 1px solid #000;
}


#partenaire2
{
background:#FFF url("../img/partenaires/fond_partenaire2.jpg") repeat-x scroll center top;
float : left;
height: 150px;
width: 340px;
margin: 10px 10px 10px 10px; 
border: 1px solid #000;
}


#partenaire3
{
background:#FFF url("../img/partenaires/fond_partenaire3.jpg") repeat-x scroll center top;
float : left;
height: 150px;
width: 340px;
margin: 10px 10px 10px 10px; 
border: 1px solid #000;
}

#partenaire_photo
{
float : left;
margin: 10px 10px 10px 10px; 
}


#partenaire1 p, #partenaire2 p, #partenaire3 p 
{
padding-left: 10px;
}

#photo
{
float : right;
 background:transparent url("../img/nico.png") repeat-x scroll center top;
height: 197px;
width: 150px;
margin-right: 10px;
margin-left: 10px;
}



#photo_cv
{
height: 300px;
width: 100px;
margin-right: 10px;
margin-left: 10px;
text-align: center;
}

#photo_cv img
{
border: 1px solid;
}

#photo_droite
{
height: auto;
width: auto;
margin-right: 10px;
margin-left: 10px;
text-align: center;

}

#photo_droite img
{
border: 1px solid;
margin-bottom: 4px;
}

#cadre_cv
{
float : right;
height: auto;
width: 200px;
margin-right: 10px;
margin-left: 10px;
text-align: center;
}


#cadre_cv .notation_droite p
{
font-size: 9px;
text-align: justify;
}


#cadre_cv h5
{
text-align: center;
}

#cadre_liens
{
float : right;
width: 140px;
margin-right: 10px;
margin-left: 10px;
text-align: center;
border: 1px solid;
}

#cadre_liens h4
{padding-top: 2px;}


#cadre_liens p
{text-align: left;
padding-left: 2px;}

#cadre_parcours
{
float : right;
height: 137px;
width: 170px;
margin-right: 10px;
margin-left: 10px;
text-align: center;
border: 1px solid;
}

#cadre_notation
{
float : right;
height: auto;
width: 140px;
margin-right: 10px;
margin-left: 10px;
text-align: center;
border: 1px solid;
}

/* ------------------------------------------------------------------------------------
FOOTER
------------------------------------------------------------------------------------ */

#footer
{
float: left;
color: #00;
font-size: 13px;
background: #AFA99B url("../img/footer.png") top left repeat-x;
height:60px;
width:750px;
text-align: center;
}


 #footer span
 {
 padding-top: -4px;
font-size: 9px;
 }

#footer p
{
margin-bottom: 5px;
} 

 #footer a
 {
text-decoration: none;
color : #000; 
 }
 
 
 #footer a:hover
 {
font-weight: bold;
 }

/* ------------------------------------------------------------------------------------
validateur
------------------------------------------------------------------------------------ */

#validateur
{
float: left;
height:40px;
width:750px;
}

#validateur p
{
padding-top: 5px;
text-align:center;
}




/*-----------------------
presentation_packs
-------------------------*/

.presentation_packs
{
background-color:#70a606;
width: 508px;
color:#fff;
border: 1px solid #000;
padding:3px;
}


#contenu_texte .presentation_packs p
{
padding-left:5px;
}


.presentation_accueil
{
/*background-color:#ccc; */
background: transparent url("../img/affiche_index.jpg") top left repeat-x;
width: 400px;
float: right;
color: #000;
/* border: 1px solid #000; */padding: 9px 3px 3px 3px;
text-align:center;
height:30px;
}

#contenu_texte .presentation_accueil a
{
text-decoration: none;

}

#contenu_texte .presentation_accueil a:hover
{
text-decoration: underline;
}

/* les packs cote droit*/
.presentation_packs_mauve
{
background-color:#780220;
width: 500px;
color: #fff;
border: 1px solid #000;
}


.presentation_packs_droite
{
background-color:#70a606;
width: auto;
height: auto;
border: 1px solid #000;
text-decoration: none;
}

#cadre_cv  .presentation_packs_droite p
{text-align:center;
}

.presentation_packs_bleu
{
background-color:#215296;
width: auto;
height: auto;
border: 1px solid #000;
}


#cadre_cv .presentation_packs_bleu p
{
text-align: center;
}

#cadre_cv .presentation_packs_bleu a, #cadre_cv .presentation_packs_droite_mauve a,  #cadre_cv .presentation_packs_droite a
{
color: #fff;
padding: 2px 2px 2px 2px;
text-align:center; 
}


#cadre_cv .presentation_packs_bleu a:hover, #cadre_cv .presentation_packs_droite_mauve a:hover,  #cadre_cv .presentation_packs_droite a:hover
{
text-decoration: underline;
}



.presentation_packs_droite_mauve
{
background-color:#780220;
color: #fff;
width: auto;
height: auto;
border: 1px solid #000;
}

#cadre_cv .presentation_packs_droite_mauve p
{
text-align:center;
}

.presentation_packs_droite_vierge
{
padding-left: 3px;
padding-right: 3px;
width: auto;
height: auto;
border: 1px solid #000;
text-align: center;
}
.presentation_packs_droite_vierge ul
{
text-align: left;
}



.contact
{
padding-top:5px;
text-align:center;
float: left;
width: 240px;
}


.contact_packs
{
text-align:center;
float: left;
width: 240px;

}

.contact_packs p
{
padding: 3px  20px  0px 20px;
}


.cadre_packs img, .contact img
{
border: 1px solid #000;
}

.cadre_packs 
{
padding-top:7px;
}



.contact2
{
border: 1px solid #000;
text-align:center;
float: right;
width: 480px;
height:270px;
}

.contact3
{
border: 1px solid #000;
text-align:center;
float: left;
width: 240px;
height:270px;
/* background-color: #70A606; */
background-color: #fff;
}


.contact3
{
color: black;
font-size: 12px;
}


.ul_test 
{
list-style-image: none;
text-align: left;
font-size: 9px;

}

#contenu_texte .contact p
{
text-align:center;
}


#contenu_texte .contact a
{
text-decoration:none;
}


#contenu_texte .contact a:hover
{
text-decoration:underline;
}


#cadre_cv a
{
color: #000;
text-decoration:none;
}



#cadre_cv .presentation_packs_droite_mauve a
{
color: #fff;
text-decoration:none;
}


/*--------------
tableau
--------------*/
#contenu_texte  table
{
text-align:center;
border: 1px solid #000;
}
#contenu_texte  tablo
{
text-align:center;
border: 1px solid #780220;
}

.titre_td
{
background-color:#70a606;
}

.titre_td_H
{
background-color:#780220;
color: #FFF;
}



/*----- arriane -------*/

#arriane
{
height: 20px;
width:750px;
background-color:#e6e6e6;
text-indent: 5px;
padding-top:5px;
color:#000;

}

#arriane a
{text-decoration: none;
color:#000;
}
#arriane a:hover
{
color:#000;
text-decoration: underline;
}

/*----- fin arriane -------*/


/*----- internet_explorer -------*/

#internet_explorer
{
height: 30px;
width:750px;
background-color:#70a606;
text-indent: 5px;
padding-top:5px;
color:#fff;
text-align:center;
}

#internet_explorer a
{text-decoration: none;
color:#fff;
}
#internet_explorer a:hover
{
color:#fff;
text-decoration: underline;
}

/*----- fin internet_explorer -------*/


.trait_mauve
{
width: 508px;
border-top: 1px solid #780220;
}

.trait_bleu
{
width: 730px;
border-top: 1px solid #215296;
}

#contenu_texte .point_armoniz h5
{
text-align:left;
}

textarea
{
width:500px;
}

#cadre_cv .presentation_a_z 
{
border: 1px solid #000;
padding-left:3px;
padding-right:3px;
}

#cadre_cv .presentation_a_z p
{
text-align:justify;
}

#cadre_cv .presentation_a_z li
{
text-align:justify;
padding-left: 25px;
list-style: none;
}

#cadre_cv .presentation_center strong
{
text-align:center;
text-decoration:underline;
}



.realisation 
{
text-align:center;
float: left;
width: 365px;
}

#contenu_texte  .realisations p
{
text-align:center;
}

.realisation img
{
border: 1px solid #000;
}


#contenu_texte  .une_image_avt_apr
{
padding-top: 15px;
width: 730px;
height: auto;
float: left;
}

#contenu_texte  .une_image_avt_apr p
{
text-indent:25px;
}

#contenu_texte  .contacts_formulaire_ok 
{
background-color: #f59b09;
color: FFF;
width: 300px;
height: 30px;
text-align: center;
padding: 2px 2px 2px 2px;
}

#contenu_texte  .contacts_formulaire_nok 
{
background-color: #fff000;
color: FFF;
width: 300px;
height: 30px;
text-align: center;
padding: 2px 2px 2px 2px;
}


#contenu_texte  .contacts_formulaire_ok_bleu 
{
background-color: #215296;
color: FFF;
width: 300px;
height: 30px;
text-align: center;
padding: 2px 2px 2px 2px;
}

#contenu_texte  .contacts_formulaire_nok_bleu 
{
background-color: #fff000;
color: FFF;
width: 300px;
height: 30px;
text-align: center;
padding: 2px 2px 2px 2px;
}

.espace
{
float:right;
height:400px;
padding-top: 20px;
padding-left: 10px;
padding-right: 10px;
}



#partenariat
{
background:#FFF;
float : left;
height: 150px;
width: 340px;
margin: 10px 10px 10px 10px; 
text-align:center;
border: 1px solid #000;

}

#partenariat img
{
border: 1px solid #000;
margin: 10px 10px 10px 10px; 
}

#partenariat_photo 
{
width: 290px;
padding-left: 50px;
float : left;
}

pre.code {
overflow:auto;
background: #FFF000;
border: 1px solid #000;
padding: 5px 5px 5px 5px;
margin: 10px 10px 10px 10px;
text-align: left;


}


.packHS_cadre
{
width:360px;
margin-right: 2px;
float:left;
text-align:center;
}

.contact_packHS_cadre p
{
padding: 3px  20px  0px 20px;
}

#minilogo
{
padding-left:60px;
}


/*-------------------  slider



------------------------*/


#wrapper {width:578px; margin:75px auto}

.sliderbutton {float:left; width:32px; padding-top:134px}
.sliderbutton img {cursor:pointer}
.sliderbutton img:hover {background:#666}
#slider {float:left; position:relative; overflow:auto; width:500px; height:300px; border:2px solid #fff; background:#fff}
#slider ul {position:absolute; list-style:none; top:0; left:0}
#slider li {float:left; width:500px; height:300px; padding-right:0px}

.pagination {float:left; list-style:none; height:25px; margin:15px 0 0 32px}
.pagination li {float:left; cursor:pointer; padding:5px 8px; background:#666; border:1px solid #999; margin:0 4px 0 0; text-align:center; color:#222}
.pagination li:hover {background:#777; border:1px solid #bbb; color:#000}
li.current {border:1px solid #ccc; background:#888}

li#content {width:464px; height:270px; padding:15px 28px 15px 18px}
#content h1 {font:22px Georgia,Verdana; margin-bottom:15px; color:#036}