/*

Theme name: Thème LO Portfolio

Theme URI: http://www.ott_laurence.fr/curiculumVitae.html

Author: Laurence Ott

Author URI: http://www.ott_laurence.fr

Description: Thème de CV pour WordPress

Version: v3.0

Date : 07/09/2016

Thème CV personnalisable

#F2F2F2



Tags: clair, ombres

3f3e3e gris deux

5e5c5c gris3

7c7979

a9a3a3

d0c9c9

e6e0e0

f6efef

rouge : C75A5D

orange titre : #ea8d47
orange fond : #f7dbc6

*/





body

{

	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;

    color: #444444;
	
   /* background-color : #FFFFFF; */
   background-color : #f7dbc6; 
   
   line-height: 1.65em;
   
}



#main_wrapper

{
	
	width: 1140px;
	
	max-width: 1140px;
	
	margin: auto;
	background-color : #f5f5f5; 

	
}



#imagecv{

	position: absolute;

    top: 200px;

    left: 20px;

}	



.inline {

	display: inline;

}



.current-menu-item {

	/*color : #4e4e4e;*/
	font-weight: bold;
	background-color: #f7dbc6;
}



em {

	color : #ea8d47;

}





/*                                            ---------- Header -------------------------------------------------------------------------------------------------*/



header

{

   /* **** Disposition */ 

	background: url("design/PhotoIdentLO_147.png") no-repeat scroll 70px bottom border-box ;  

  /* background : transparent;*/

   display: flex;

   flex-direction :column;

   flex-wrap: wrap;                  /* Pas de retour à la ligne intempestif*/

   justify-content: flex-end;   /* Espace entre les  menus */

   /* Présentation */ 

   height : 150px;

   min-height : 150px;

   border-bottom :  1px solid #ea8d47;

}



header h1, h2

{

	color:black;

	/*text-align:left;*/

	font-family: Trebuchet MS, helvetica, sans-serif;

    font-weight: normal;

    margin: 0 0 0 10px;

}



header h2

{

   margin: 0 10px 0 50;

   padding: 0 10px -0 10px;

}



#titre{

	font: "Comic Sans MS", helvetica, sans-serif ;

	margin-bottom : 0px;

	min-height : 50px;

	height : 50px;

}



#titre h1, #titre h2 {

	color: #4e4e4e;

}



#titre h1{

	margin-left: 250px;

}



/* **** Contener des menus */ 

#menus

{

	/* --- Gestion de l'allignement */

    display: flex;

	flex-wrap: nowrap;                /* Pas de retour à la ligne intempestif*/

	justify-content: flex-end;   /* Espace entre les deux menus */

}





/* **** Gestion du menu de contact */

#contactlist li{

	display: inline;

	margin : 10px;

	min-width:200px;

	width:200px;

	text-align : left;

}







/* **** Gestion du menu de navigation */

nav

{

	display: flex;

	align-items: flex-end;            /* Alignement du menu sur le bas du contener*/

}



/* Item des menus */

nav ul{

	display: flex;

	flex-wrap: nowrap;

	list-style-type: none;

	margin-bottom:0px;

}



nav li {

	margin: 0 10px 0 0;

	padding: 0 10px 0 10px;

	background-color : #F2F2F2;

	/*todo*/
	border-left : 10px solid #7c7979;
	border-left : 10px solid #4e4e4e;
	border-left : 10px solid #ea8d47;

}



/* Gestion des liens */

nav  li a {

	color : #ea8d47;

	text-decoration:none;

}



nav li a:hover{

	color : #5e5c5c;

}





/* Rappel des gris

3f3e3e gris deux

5e5c5c gris3

7c7979

a9a3a3

d0c9c9

e6e0e0

f6efef

*/



/*   ****************************************************************CONTENUS ****************************************************************************** */





/* ****************                          Page d'acceuil   */

#quisuisje {

	margin : 10px;

}



#quisuisje p{

	text-align : center;

	font:"Comic Sans MS", helvetica, sans-serif ;

}



#presentation, #extra, #pro{

	

	display: flex;

	flex-wrap: wrap;

	justify-content : space-around;

}



#presentation h1 {

	display : none;

}





#exp, #comp, #real, #form,#loisir, #npro {

	flex : 1;

	border : 1px solid #ea8d47;

	border-radius : 10px;

	box-shadow: 6px 6px 6px #a9a3a3;

	width: 400px;

	min-width: 400px;

	max-width: 500px;

	

	margin: 10px;

	padding: 10px;

}



#exp, #comp{

	height :500px;

	min-height: 500px;

}

#comp img{
	margin-left : 25px
}


#loisir, #npro {

	height :200px;

	min-height: 200px;

}



#exp a, #comp a, #real a, #form a,#loisir a, #npro a {

	text-decoration : bold;

	color : #ea8d47;

	

}



#comp img {

	margin-bottom : 10px;
    margin-left : 50px;
}







#exp p {

	

	text-align: justify;

	padding: 10px;

}



#exp h3, #comp h3,#real h3, #form h3,#loisir h3, #npro h3{ 

	color : #ea8d47;

	text-align:center;

	padding-bottom : 5px;

	border-bottom : 1px solid #ea8d47;

}





#ensavoirplus{

	color : black;

	background-color : #ea8d47;

	/*-moz-border-radius : 10px;*/

	margin: auto;

	max-width : 100px;

	max-height : 50px;

	padding : 5px;

	text-align : center;

	vertical-align: middle;

}



#ensavoirplus a{

	color : #F2F2F2;

}





/* ********#********                        FIN  Page d'acceuil   */









#contenu{

	

	/* *****************************************************Mise en forme des CONTENUS */

	/*box-shadow: 6px 6px 6px #a9a3a3;*/

	padding : 60px;

	text-align : left;

}



#contenu_entete{

	text-align : right;

	padding-right : 20px;

	color : #ea8d47; 

	/*border-bottom : 1px solid #C75A5D;

	width : 300px;

	max-width : 300px;*/

}



#fullPage p {

	/*text-align : left;*/

	padding-left : 20px;

	padding-top : 5px;

	padding-bottom : 0px;

	margin-bottom: 0px;

}



#fullPage h2{	

    border-bottom: 1px solid #ea8d47;

    color: #ea8d47;

    font-size: 1.4em;

    line-height: 25px;

    padding-left: 25px;

	text-align : left;

}



#fullPage li{

	background: url("design/puceorange.png") no-repeat scroll left 4px ;
	                             
	padding-left: 20px;

	list-style: none;	

}



#fullPage li.detail{

	list-style: none;

	padding-left: 20px;

	padding-top : 0px;

	background:none;

	list-style-type:circle;

}



#entreprise {

	display: flex;

	padding-bottom: 20px;

}



#nomEntreprise { 

	display: block;

	width : 20%;

	text-align : right;

	padding-right: 10px;

	

}



#experience{ 

	    border-left: 2px dotted #ea8d47;
		width : 80%;
}


/* *****************************************************      - Mis en forme des ARTICLES au format Par défaut */

/* **** Article avec Imge ******/



#contenuImage_entete h1{	

	font-size: 1.4em;

	color : #ea8d47;

	margin : 5px;
	margin-bottom : 15px;

	/*padding-bottom:10px;*/

	text-align : left;

	padding-left: 30px;

}

.extrait{
	padding-top : 1em;
}



#contenuImage{

	background : #f7dbc6;

	margin : 5px;

	margin-top : 0px;

	padding : 30px;

	padding-top : 0px;

	box-shadow: 2px 2px 2px gray;

}

.blog{
	padding-top: 10px;
	background-color: #f7dbc6;
}

#contenuImage h2{

	color: black;

    font-size: 1.4em;

    line-height: 25px;

    padding-left: 25px;

	text-align : left;

	border-bottom: 1px solid #192A5D; 

}



#contenuImage h3{

	color : #ea8d47;

}



#contenuImage p{

	text-align: left;

}	



#contenuImage_pied{
	
	font-size: small;
	
	font-style: italic;
	
	color: gray;
	
	text-align : right;
	
	/*text-align:right;*/
	
}

#contenuImage_pied a{
	color : #ea8d47;
}




/*                                             ****************** ARTICLES *********************************/



.article_entete h1{

	

	font-size: 1.4em;

	color : #ea8d47;

	width : 300px;

	margin : 5px;

	padding : 10px;

	margin-bottom : 0px;

	border-bottom : 1px solid #ea8d47; 

}



.article{

	background-color: #f5f5f5;
	margin : 5px;
	margin-top : 0px;
	padding : 5px;
	/*box-shadow: 2px 2px 2px #ea8d47;*/
	
}



.extrait {

	font-style: italic;

	color: gray;

}



/*.new{

	color:#C75A5D;

}*/



.post-categories::before {

	content: "Catégorie : ";

}



.post-categories {

	list-style: none;

	display: inline-block;

	padding: 0;

	margin: 0;

}



.post-categories li {

	display: inline-block;

}



.article_pied {

	font-size: small;

	font-style: italic;

	color: gray;

	text-align:right;

}