@charset "utf-8";
/* CSS Document */


img {
border: 0; /* Eviter que firefox mette une bordure aux liens images */
width: auto;
}

							/*Style dans html*/
html {
background-color:#000000; 	/*couleur de fond html*/
background-image:url(../img/background.png);  /*une image de fond dans html*/
}

/* Selecteur de pseudo classe de style pour les liens */

a {					/*couleur des liens*/
color:#FFFFFF;
text-decoration: none;
font-size:18px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

a:visited {	
color:#FFFF00;	/*couleur des liens visités* une fois que la page est dans l'historiq*/
}
a:hover {
color:#FFCC00;		/*couleur des liens au survol*/
}
a:active {
color: #FFFF00;
}

							/*Style dans Body*/
body#global {
position: relative;
background-color:#000000;
width: 800px;
margin: 0 auto;/*Pour centrer notre page */
font-family : "trebuchet MS", Arial, Helvetica, sans-sherif;
font-size:12px;	
color:#FFFFFF;	/*couleur du texte*/
width:800px;  /*largeur du body*/
margin-top: 0px;  /*marge du haut, pour la coller noté 0*/
margin-left:auto; /*marge de gauche*/
margin-right:auto; /*marge des droite*/
}

div#entete {
	height : 215px;
	background-image:url(../img/bandeau.png);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

ul#menu {
height:25px;
width:auto;
list-style: none; /*pas de puces*/
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
text-align:center;
margin: 0 auto;
padding-bottom:15px;
margin-top:-40px;
}

ul#menu li{
display:inline;  	/* mettre la liste en ligne*/
margin-right: 10px;
}

ul#menu li a{
color:#FFFFFF;
}

ul#menu li a:active{
color:#FFFFFF;
}

ul#menu li a:hover{
color:#FFCC00;
}

ul#menu li a:visited{
color:#FFFFFF;
}

#img_index{
	width:0%;
	height:0%;
	padding-right:0px;
	margin-left:0px;
}




div#texte {
margin-left:250px;
margin-right:250px;
}

div#bloc1{
height:3500px;
color:#FFCC66;
}


ul#menu li{
display:inline;  	/* mettre la liste en ligne*/
margin-right: 10px;
}


/*menu index*/
ul#menuindex {
list-style: none; /*pas de puces*/
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
height:30px;
width:760px;
margin-right:30px;
background-color:#330000;
}

ul#menuindex li{
display:inline;  	/* mettre la liste en ligne*/
}

ul#menuindex li a{
color:#FFFFFF;
}

ul#menuindex li a:active{
color:#FFFFFF;
}

ul#menuindex li a:hover{
color:#FFFFFF;
}

ul#menuindex li a:visited{
color:#FFFFFF;
}
/*menu index*/

/*Famille de police des titres h1, h2,      text-transform pour les capital - font-variante pour les petites capital soit small-caps soit normal*/
h1, h2, h3, h4, h5{
font-family:"calibri", time, sherif;
text-transform:none;
font-variant:small-caps;
}


/*Couleur titre h1 h2, ... */
h1 {
color:#FFFFFF;;
font-family:Verdana, Arial, Helvetica, sans-serif:
font-size:20px;
text-align:center;
}

h2 {
color:#FF6600;
text-align:center;
font-size:24px;
font-family : mistral, Arial, Helvetica, sans-sherif;
}

h3 {
color:#FFFFFF;
padding-left:10px;}

h4 {
padding-left:20px;
color:#FFFFFF
}

/*pour décaler la liste entiere dt et dd*/    /*pour décaler un  seule élément de la lise nomé cet élément  noté ds html <dt="nom"> et dans ccss noté  .nom {padding-left:00px}*/
dt, dd {padding-left:20px   
}

#contenerindex {
	margin-top: 115px;
	margin-bottom: 20px;
}

#contenerindex a{
color:#FFFFFF;
}

#presentation {
margin-top:100px;
}

/*propriétés des images*/


.affiche {
padding-left :35%;
width: 20%;
}

.cv {
padding-left :2%;
}

.email {
padding-left :20%;
}

#contact {
background-color:#330000;
width:800px;
}

#cola{
	width:400px;
	height:400px;
	float:left;
	margin-top:15x;
	margin-left:0px;
	}
	
#fd_contatc{
	width:800px;
	height:870px;
	background-image:url(../img/fond_nb.png);
	background-repeat: no-repeat;
}

#colb {
	font-size:12px;
	margin-top:280px;
	padding-top:10px;
	margin-right:10px;
	padding-left:40px;
	width:140px;
	height:309px;
	float:right;
	/*background-color: #5B2E00;*/
	background-image:url(../img/rubriq.png);
	background-repeat: no-repeat;
	color:#FFFFFF;
}


#colc {
	font-size:12px;
	margin-top:280px;
	margin-right:50px;
	width:140px;
	height:309px;
	float:right;
	/*background-color: #5B2E00;*/
	color:#FFFFFF;
	}

div#bd {
	color:#330000;
	font-size:12px;
	padding-top:220px;
	padding-bottom:10px;
	width: 600px;
	height: 400px;
}

#colb p {
color:#330000;
font-size:12px;
}

ul#lien_bd {
display: inline; 
list-style: none;
margin-left:30px;
}

#bd h2 {
text-align:left;
padding-left:20px;
}


#bd p {
margin-left:15px;
padding-bottom:5px;
padding-right:10px;
}

ul#lien_bd a {
color:#330000;
font-size:12px;
list-style-type: none;
margin-left:280px;
}

ul#lien_bd2 {
display: inline; 
list-style: none;
margin-left:30px;
}

ul#lien_bd2 a {
color:#330000;
font-size:12px;
list-style-type: none;
margin-left:280px;
}



/*images page index*/
div#imagesindex{
	list-style: none;
	padding-left :10%;
	margin-top: 20px;
	margin-left:100px; /*marge de gauche*/
	margin-right:100px; /*marge des droite*/
}

div#imagesindex h2{
margin-left: -70px;
color:#FFFFFF;
}

/*page des galeries*/
div#sidebar2 {
	float: left;
	/*clear: both;*/
width: 180px;
height: 500px;
padding-top: 0;
padding-right: 10px;
padding-bottom:0;
padding-left: 10px;
margin: 0px;
margin-top:-25px;
}

div#image {
float: right;
width: 180px;
height: 480px;
padding: 10px;
height: 500px;
vertical-align:middle;
}

/*marge pour les miniatures (liens des images)*/
div#sidebar2 a {		
margin-top: 5px;
margin-bottom: 5px;
}

div#connaissance {
width:800px;
height:auto;
padding-top: 2px;
color:#FFFFFF;
background-color:#5B2E00;
padding-bottom: 10px;
}

div#competence {
	/*background-color: #5B2E00;*/
background-image:url(../img/cahier_g.jpg);
	background-repeat: no-repeat;
	color:#330000;
	padding-bottom:10px;
	margin-left: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	width: 380px;
	height: 480px;
	float: left;
}

div#experience {
	padding-left:20px;
	color:#FFFFFF;
	/*background-color: #5B2E00;*/
background-image:url(../img/cahier_d.jpg);
	background-repeat: no-repeat;
	padding-bottom: 10px;
	margin-right: 0px;
	width:380px;
	height: 480px;
	float: right;/*a droite*/
}

div#bloc_texte_a {
padding-top:35px;
padding-left:35px;
padding-right:40px;
}

div#bloc_texte_b {
padding-top:35px;
padding-left:35px;
padding-right:40px;
}

ul#texte {
color:#330000;
font-size: 11px;
}

div#competence h3 {
color:#330000;
}

div#experience h3 {
color:#330000;
}

ul#lien a{
font-size:11px;
}

div#billet {
	width: 800px;
	padding-top: 2px;
	color:#FFFFFF;
	/*background-image: url(../img/fond_interet.png); /*img en fonction de height et width"*/
/*background-repeat: no-repeat;*/
background-color:#000000;
	padding-bottom: 10px;
	height:auto;
}

div#billet_contact{
	width: 800px;
	padding-top: 2px;
	color:#FFFFFF;
	/*background-image: url(../img/fond_interet.png); /*img en fonction de height et width"*/
/*background-repeat: no-repeat;*/
background-color:#000000;
	padding-bottom: 10px;
	height:600px;
}


div#post1 {
	width: 800px;
	height:170px;
	background-color:#000000;
}

div#post2 {
	width: 800px;
	height:220px;
	background-color:#000000;
}

div#post3 {
	width: 800px;
	height:840px;
	background-color:#000000;
}

div#post4 {
	width: 800px;
	height:250px;
	background-color:#000000;
}

div#post5 {
	width: 800px;
	height:200px;
	background-color:#000000;
}

div#posta {
	width: 800px;
	height:200px;
	background-color:#000000;
}

div#postb {
	width: 800px;
	height:150px;
	background-color:#000000;
}

div#postc {
	width: 800px;
	height:100px;
	background-color:#000000;
}

.onglet {
	margin-left: -50px;
	width:210px;
	float: left;
	height: 120px;
}


.articles {
	color:#FFFFFF;
	width:600px;
	margin-left:0px;
	margin-right:10px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:2px;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	float: right;
}


/*2 colonnes galerie.html*/
#col1 {
width: auto; 	/* larg auto*/
float: left;/*a gaucle*/
clear:right; /*aucun autr element à droite*/
background-image: url(img/fdmur2.jpg); /*img en fonction de height et width"*/
background-repeat: no-repeat;
background-position: center;
height: 500px;
width:600px;
visibility: visible;
margin-top: 20px;
margin-bottom:25px;
}

#col1 h3{		/*propriété du titre h3*/
color:#CC0000;
font-size: 50px;
font-family : "mistral", Arial, Helvetica, sans-sherif;
}

#col1 p{		/*prop du parag*/
color:#CC0000;
font-size: 20px;
font-family : "trebuchet ms", Arial, Helvetica, sans-sherif;
margin-left: 15px;
margin-right: 225px;	/*marges droite du parag par rapport au bord de background img*/
}

#sidebar2 p{
color:#CC0000;
font-size: 30px;
font-family : "mistral", Arial, Helvetica, sans-sherif;
}

#col4 {
background: #ccc;
width: 300px; /*largeur*/
float: right; /*flotte a droite*/
margin-left:20px;
margin-top:20px; /*marges haut*/
margin-bottom:20px; /*marge bas*/
}

#col5 {
float: left;
margin-top: 20px;
clear:both;
}
/*fin propriete des colonnes connaissance.html*/


#col6 {
width: auto; 	/* larg auto*/
float: left;/*a gaucle*/
clear:right; /*aucun autr element à droite*/
background-image: url(img/fdmur2.jpg); /*img en fonction de height et width"*/
background-repeat: no-repeat;
background-position: center;
height: 500px;
width:600px;
visibility: visible;
margin-top: 20px;
margin-bottom:25px;
}

/*propriété du titre h3*/
#col6 h3{	
color:#CC0000;
font-size: 25px;
font-family : "mistral", Arial, Helvetica, sans-sherif;
margin-top:50px;
}

/*prop du parag*/
#col6 p{		
color:#CC0000;
font-size: 20px;
font-family : "trebuchet ms", Arial, Helvetica, sans-sherif;
margin-left: 12px;
margin-right: 250px;	/*marges droite du parag par rapport au bord de background img*/
}

div#cv {
margin-bottom : 30px; /*une marge sous le bloc cv*/
}

/*book2*/



/*propriete des colonnes connaissance.html*/
#col3 {
background: #ccc;
width: 450px;
float: left;
margin-top: 20px;
}

div#pied_de_page {
	/*propriete du bandeau*/
/*background: transparent url(img/bdbas_nb.png) repeat bottom left; /*bandeau footer*/
background-color: #330000;
position:relative;
clear:both;
height:20px;
line-height:50px;
overflow: hidden;
text-align: center;
width: auto;
text-transform:uppercase;
}

ul#lien_pied_de_page {
padding-top: 20px; 		/*marges au-dessus du bloc lien*/
/*padding-bottom:20px;		si je suprime menu_site*/
list-style: none; 		/*pas de puces*/
text-align: center;
clear:both; 			/*aucun élément à côté*/
}

ul#lien_pied_de_page li {
display:inline;  	/* mettre la liste en ligne proporiete de li*/
text-align: center; /*Alignement du menu, soit centrer*/
clear:both;
}

ul#lien_pied_de_page a {		/*proprites pour les liens - style le + proche qui l'emporte*/
font-size:11px;
font-weight: bolder;
color:#FFFFFF;				/*couleur blanc pour liens- ciblé avec a (le plus proche)car déja un style pour les liens*/
}
ul#lien_pied_de_page a:visited, ul#lien_pied_de_page a:hover, ul#lien_pied_de_page a:active {	
color:#FFFF00;		/*couleur des liens visités* une fois que la page est dans l'historiq*/
}


ul#menu_site {
padding-top: -15px; 		marges au-dessus du bloc lien*/
padding-bottom:20px;
list-style: none; 		/*pas de puces*/
text-align: center;
clear:both; 			/*aucun élément à côté*/
}

ul#menu_site li {
display:inline;  	/* mettre la liste en ligne proporiete de li*/
text-align: center; /*Alignement du menu, soit centrer*/
clear:both;
}

ul#menu_site a {		/*proprites pour les liens - style le + proche qui l'emporte*/
font-size:12px;
font-weight: bolder;
color:#FF6600;				/*couleur blanc pour liens- ciblé avec a (le plus proche)car déja un style pour les liens*/
}
ul#menu_site a:visited {	
color:#FFFF00;		/*couleur des liens visités* une fois que la page est dans l'historiq*/
}
ul#menu_site a:hover {
color:#FFCC00;		/*couleur des liens au survol*/
}
ul#menu_site a:active {
color: #FFFF00;
}

div#copyright{
clear: both;		/*je ne veux rien à gauch et à droite, pas d'élements qui flotte à côté*/
color:#FFFFFF;
background-color:#000000;
font-size:11px;
text-align: center;
padding-top:5px;
}

div#copyright a{
color:#FFFFFF;
background-color:#000000;
font-size:11px;
}

/*proprietés des vidéos vi.html*/
ul#video{
margin-left: 210px;
list-style: none; /*pas de puces*/ 
}