/*Fichier css du cv*/

/*J'utilise parfois un id au lieu d'une classe si l'objet est unique dans la page,  il est préférable d'utiliser un id car 
un id s'applique à un objet unique : il ne peut pas y avoir deux mêmes id dans une page, une classe peut désigner plusieurs objets identiques.*/


/*******************************Classes concernant la disposition, la mise en page********************************/

/*définit les propriétés de la partie gauche du CV*/
#cadreG{

width:350px; /*largeur*/
height:800px;/*hauteur*/
background : #3d70a3;/*couleur de fond*/
border : 1px solid #254464;/*largeur, style et couleur de la bordure*/

/*marge (gauche, droite) du cadre*/
margin-left:30px;
margin-right:10px;

/*Espace (bas, gauche, droite, haut)entre la bordure du cadre et son contenu */
padding-bottom:5px;
padding-left:5px;
padding-right:5px;
padding-top:5px;

}

/*définit les propriétés de la partie droite du CV*/
#cadreD{

width:250px;/*largeur*/
height:800px;/*hauteur*/
background : #3d70a3; /*couleur de fond*/
border : 1px solid #254464; /*largeur, style et couleur de la bordure*/

/*marge (gauche, droite) du cadre*/
margin-left:0px;
margin-right:30px;

/*Espace (bas, gauche, droite, haut)entre la bordure du cadre et son contenu */
padding-bottom:5px;
padding-left:5px;
padding-right:5px;
padding-top:5px;

}

/*propriété du cadre qui va contenir le texte*/
.cadreBlanc{

width:350px; /*largeur*/
height:800px;/*hauteur*/
/*background : #ffffff;*/ /*fond blanc*/
border : 0; /*pas de bordure*/

/*Espace (bas, gauche, droite, haut)entre le bord du cadre et son contenu */

padding-left:2px;
padding-right:2px;
padding-top:2px;
margin:auto;
margin-top:25px;


}


#cadreGauche{

width:190px; /*largeur*/
height:430px;/*hauteur*/
/*background : #ffffff;*/
border : 0; /*pas de bordure*/

/*Espace (bas, gauche, droite, haut)entre le bord du cadre et son contenu */
margin : 40px 0px 0px 20px;

}

/*définit la couleur du texte entre les balises qui pour classe "bloc"*/
.bloc{

color: #356AD5;


}

/*Se met à gauche du blocD*/
.blocG{ 
		 margin-left:26px; /*marge à gauche entre le bloc et son, conteneur*/
		 margin-bottom : 0px !important;
		 margin-bottom : 10px;
		 
		  width:85%; /*largeur*/
		  text-align:left; /*texte aligné à gauche*/
		  
}

/*Le bloc D est aligné sur le bord droit de son conteneur,
le navigateur reprend alors l'espace libre à gauche pour afficher le blocG. 
Le flux n'occupe tout l'espace disponible: la blocG ne prend donc pas toute la largeur du conteneur,
 il faut rajouter un espace via la classe .spacer qui permet de régler le problème.*/
.blocD{
		
		float:right; /*float à droite, Le bloc D est aligné sur le bord droit de son conteneur */
		width:250px; /*largeur*/
		margin: 0; /*pas de marge*/
		text-align:justify; /*texte justifié*/
		
}

.spacer {
clear:both; /*interdit a cet élément d'être adjacent à un bloc flottant, en l'occurence ici au blocD*/
}


/********************************Classes définissant les styles de textes********************************/

/*Pour les titres principaux*/
#titre_cv{

background: url(../images/titre.gif) no-repeat left top !important;  /*image de fond orange, elle ne se répète pas. Elle commence en haut à gauche du bloc la contenant*/

width: 346px; /*Largeur*/
height: 42px; /*hauteur*/

text-align:center; /*Le texte y est centré*/

/*Espace (haut, droite, bas,gauche)entre le bord du cadre et son contenu */
padding: 15px 0px 0px 0px;

}

/*Caractéristique du texte qui sera compris entre les balises faisant appel à l'id #titre*/
#titre_cv span{ 

font-size:24px; /*taille de police*/
font-weight:bold; /*graisse*/


}

h3 { /*redéfinition de la balise h3, sert pour les différentes catégories : expériences, etat civil, formation*/

	font: bold 11pt Tahoma; /*graisse, taille et police */
	 
	color: #E27B13; /*couleur de texte*/
	
	/*Espace (bas, gauche)entre la bordure et son contenu */
	padding-bottom: 3px;
	padding-left: 3px;
	
	/*marge (bas, gauche)*/
	margin-bottom: 15px;
	margin-left:15px;
	
	/*Bordure double à gauche et en bas du texte*/
	border-left: 3px double ; 
    border-bottom: 3px double ;
	
	}
	


/*définit la graisse, la police et la taille des titres des parties*/
.important{
font: bold 9pt Arial;
}

/*définit la graisse, la police et la taille, la couleur des textes de description*/
.commentaire{
  font : normal 9pt Arial;
	color: #fff; /*couleur de texte gris*/

}


/*définit la graisse, la police et la taille, la couleur des textes de description*/
.commentaire2{
  font : normal 9pt Arial;
	color: #E27B13; /*couleur de texte gris*/

}


/*propriétés des liens contenu dans un texte ou est appliqué le style "commentaire"*/
.commentaire2 a{

	color: #E27B13; /*couleur du liens gris*/
	text-decoration:none; /*pas de soulignement*/
}

.commentaire2 a:hover{

color: #356AD5; /*couleur du liens orange si l'on  passe sur le liens*/

}


/*définit les propriétés des liens situé à droite : Sommaire,Expériences Professionnelles, Formation et Compétences*/
.liens a{

 font : normal 9pt Arial; /*graisse, taille,police*/
 color: #E27B13; /*couleur du lien */
 text-decoration:none; /*pas de soulignement*/
	
}
.liens a:hover {

color: #356AD5; /*couleur du liens grise si l'on  passe sur le liens*/

}

/*ajout de propriétés sur les listes contenue dans la classe blocD*/
.blocD ul{ 
		
		margin:0;	/*pas d'autre marge*/
		margin-left:10px; /*marge gauche*/
		margin-top:5px; /*marge en haut*/
		list-style-type: none ;

}

.blocD li{
		margin:0; /*pas de marge*/
		padding:0; 
		
}

.blocD em{ color:#fff;}


#partie2 li{ margin-bottom : 15px;}