/*
 * Comme il est indiqué dans les conditions de réutilisation
 * (http://url/licence/), les éléments
 * graphiques et le design du site (et donc cette feuille de styles CSS
 * et les images) restent la propriété exclusive de leurs auteurs
 * respectifs conformément aux droits d'auteur. Toute réutilisation
 * devra faire l'objet d'une demande préalable
 * (email:creaname@infotick.fr).
 * Il est de plus dans votre intérêt d'avoir un site au design original,
 * pour qu'il ait sa propre identité visuelle, plutôt qu'un design
 * plagié.
 */
 
 /* Définitions générales */
 
 body {
 margin: 0 auto;
 padding: 0;
 background: white;
 color: black;
 width: 800px;
 border:1px double #CC0000;
 }
 
 #header{
 position: relative;
 margin:0;
 padding:0;
 width: 800px;
 height: 152px;
 color: black;
 font-size: 11pt;
 font-family: "Comic Sans Ms", "Sans serif";
 background: #fff url(bandeau800_152.png) bottom left no-repeat;
 }
 
 #header img {
 float: left;
 border:0;
margin: 0;
padding:0;
 }

#header img a {
border:0;
margin: 0;
padding:0;
}

#header img a:hover {
border:0;
margin: 0;
padding:0;
}
 

 /* Definition du menu horizontal */
 
 #menuhaut {
 position: absolute;
 bottom:0;
 right:0;
 margin:0;
 padding: 0;
 list-style-type: none;
 }
 
 #menuhaut li {
 display: inline;
 }
 
  #menuhaut a {
 margin: 0 11px 0 0;
 color: white;
 text-decoration: none;
 }
 
 #menuhaut a:hover {
 text-decoration: none;
 }
 
 /* Fin de definition menu horizontal */
 
#global {
clear: both;
background: url(arrpl_global.png) top right no-repeat;
padding: 0 0 0 0;
} 

#menuglobal {
font-family: "Comic Sans Ms", "Sans serif";
font-size: 12pt;
margin: 5px 0 5px 90px;
}
#menuglobal a {

color: #CC0000;
text-decoration:none;
}

#menuglobal a:hover{
color: #CC0000;
text-decoration:none;
}
 
 /* Definition du menu vertical */
 
#cadre {
float: left;
width: 265px;
background: url(head_menu265_124.png) top left no-repeat;
padding: 122px 0 0 0;
}


#bloccadre {
background: url(bottom_menu265_171.png) bottom left no-repeat;
padding: 0 0 37px 0;
}

#bloccadre ul {
margin:0 0 0 0;
padding:0;
}

#bloccadre li {
list-style:none;
font-family: "Comic Sans Ms", "Sans serif";
font-size: 9pt;
}

.packbleuf {
background: url(bouton_bleuf.png) bottom left no-repeat;
line-height: 25px;
} 

.packrose {
background: url(bouton_rose.png) bottom left no-repeat;
line-height: 25px;
} 

.packvert {
background: url(bouton_vert.png) bottom left no-repeat;
line-height: 25px;
} 

.packbleuc {
background: url(bouton_bleuc.png) bottom left no-repeat;
line-height: 25px;
} 

.packorg {
background: url(bouton_org.png) bottom left no-repeat;
line-height: 25px;
} 

.packjaune {
background: url(bouton_jaune.png) bottom left no-repeat;
line-height: 25px;
} 

#bloccadre a {
margin: 0 0 0 90px;
padding: 0;
vertical-align: top;
}

#bloccadre .packbleuf a {
color: #039;
text-decoration:none;
}

#bloccadre .packrose a {
color: #CC0000;
text-decoration:none;
}

#bloccadre .packvert a {
color: #9c0;
text-decoration:none;
}

#bloccadre .packbleuc a {
color: #39c;
text-decoration:none;
}

#bloccadre .packorg a {
color: #f60;
text-decoration:none;
}

#bloccadre .packjaune a {
color: #f90;
text-decoration:none;
}

#contenu {
margin: 10px;
border:1px double #CC0000;
padding: 10px;
color: #000;
font-family: Tahoma, "Sans Serif";
font-size: 11pt;
text-align: left;
}

#contenu h1 {
color: #CC0000;
font-family: Tahoma, "Sans Serif";
font-size: 14pt;
}

#contenu h2 {
color: #CC0000;
font-family: Tahoma, "Sans Serif";
font-size: 13pt;
}

#contenu acronym {
font-size:9px;
}

.imgpack {
margin: 10px 0 0 100px;
}


/** Les formulaires **/
form {
font-family: Tahoma;
font-size: 10pt;
padding:0;
margin:-2px;
}

input, textarea
{
   font-family: Tahoma, Times, serif; 
}

input:focus, textarea:focus /* Quand le curseur est sur un champ (ne marche pas sur IE) */
{
   background-color: #FFFF99;
}



legend /* On met un peu plus en valeur les titres des fieldset */
{
   font-family: Tahoma, serif;
   color: #CC0000;
   font-weight: bold;
}

fieldset
{
   margin-bottom: 15px; /* Une marge pour séparer les fieldset */
   }
.rouge{
color: #FF0000;
}

.imgpacks {
margin: 10px 0 0 20px;
}

.savoir p {
text-align: right;
margin: 0 15px;
color: #CC0000;
font-size: 9px;
}
.savoir a {
text-decoration: none;
color:  #CC0000;
}

.signature{
position:absolute;
right: 300px;
font-style:italic;
}

.nom{
font-weight:bolder;
}

.portrait{
float:left;
}

.cv {
margin: 0 0 0 110px;
}

.fonction {
clear:both;
}