@charset "utf-8";



/* CSS Document */







/*###########################################################################################*/



/*################################### RESET DE LA PAGE ######################################*/



/*###########################################################################################*/







/* Initialise les marges des elements bloc */



body, div, 



dl, dt, dd,



h1, h2, h3, h4, h5, h6, 



pre, form, fieldset, input, 



p, blockquote, th, td { margin: 0; padding: 0; text-align: justify;}







/* Enleve les puces aux listes 



ol, ul { list-style: none; }*/







/* Initalise le style du texte */



address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }







/* Enleve les bordures aux images et aux fieldset */



fieldset { border: 0px;}



img { border: none; text-decoration:none; margin: 0; padding: 0;}







/*###########################################################################################*/



/*################################### STYLE DE LA PAGE ######################################*/



/*###########################################################################################*/







/***** Backgound's *****/



html { background-image: url(../images/background.png);}



body { width: 790px; height:auto; margin: auto; background-color: #FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif;}







/***** Menus *****/



.menuPrincipal { position: relative; top: 5px;}



.menuPrincipal li {display: inline; padding-left:30px;}



.menuPrincipal a:link { color: #000000;}



.menuPrincipal a:visited { color: #000000;}



.menuPrincipal a:hover { color: #999999;}







/***** Pied de page *****/



#menuBas li {display: inline; padding-left:40px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: underline; color:#FFFFFF;}



#menuBas { position: relative; top: 130px; left: 120px;}



#infos { position:relative; top: 145px; right: 10px; color: #FFFFFF;}



#hautDePage { position:relative; top: 120px; right: 10px; color: #FFFFFF; float: right; text-decoration: underline;}



#hautDePage1 { position:relative; top: 105px; right: 10px; color: #FFFFFF; float: right; text-decoration: underline;}



#piedPage p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}



#piedPage { background-image: url(../images/pied.png); width: 790px; height: 179px;}







/***** Liens *****/



a:link { text-decoration: none; color:#FFFFFF;}



a:visited { text-decoration: none; color: #FFFFFF;}



a:hover { text-decoration: none;}







/***** Titres *****/



h1, h2,h3 { padding-bottom: 15px;}



h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:22px; font-weight: normal; color: #b40000; margin-top: 10px;}











/***** Banniere *****/



#banniere { background-image: url(../images/banniere2.jpg); width: 790px; height: 305px;}



#logo { position: relative; top: 20px;}







/***** Contenu *****/



#contenuPrincipal {width: 500px;}



h1, h2, h3, h4, p { margin-left: 15px;}



p, label{ padding-bottom: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}



#contenuPrincipal h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold;}



#contenuPrincipal img { margin-left: 100px;}







/***** Colonnes *****/



#colonneD { width: 270px; height: auto; float: right; margin-top: 50px;}



.maj h3 { background-color: #b40000; width: 270px; height: 10px; position:relative; right: 15px; text-align: center; color:#FFFFFF; font-size:16px; padding-top: 5px; -moz-border-radius-topright:15px; /***** CSS 3 *****/}



.maj p { font-size: 10px; width: 240px; text-align: left;}



.maj { width: 270px; height: auto; float: right; background-color: #CC9999; position: relative; bottom: 15px; right: 10px; margin-bottom: 15px; -moz-border-radius-topright:15px; -moz-border-radius-topleft:15px; -moz-border-radius-bottomleft:15px; /***** CSS 3 *****/}



.maj li { list-style: none; width: 260px; font-size: 12px;  }



.maj ul { padding: 0; position: relative; right: 30px;}



#colonneD a { margin-left: 60px; color: #000000;}



#colonneD a:hover {color: #000000; text-decoration: underline;}



/***** Plan du site *****/



#planSite{ margin-left: 200px; font-size: 12px;}



#planSite a:link { color: #000000;}



#planSite a:visited { color: #000000;}



#planSite a:hover { color: #999999;}



#planSite li{ list-style:none;}



/***** Formulaire de contact *****/



#formulaire { margin-left: 15px;}



b { color:#FF0000;}



#formulaire input, textarea { border: solid 2px; color: #000000; margin-bottom: 5px;}



textarea { margin-bottom: 10px;}



#boutons { margin-left: 15px;}











/***** Google Map *****/



iframe { margin: 10px;}



#agrandir { margin-left: 30px;}







.adresse { font-size: 12px; }







/*#accueil{ margin-left:60px;}



#realisations{ margin-left:60px;}



#profil{ margin-left:60px;}



#me_joindre { margin-left:60px;}*/







/***** Menu travaux *****/



#menuReal { margin: 0; padding: 0; position: relative; bottom: 40px;}



#menuReal li { display: inline;}



#menuReal a:link { color: #b40000;}



#menuReal a:visited { color: #b40000;}



#menuReal a:hover { color: #FF6600; }







/***** Mise en page : travail *****/



.R1 { 



	border: 4px dotted #000;



	width: 400px; 



	margin-left: 15px;



	background-color: #fff;



	margin-bottom: 15px;



	-moz-border-radius-topleft:15px; -moz-border-radius-bottomright:15px; /***** CSS 3 *****/



}



.R1 ul{ margin: 0; margin-bottom: 15px; }



.R1 li{ list-style: circle; font-size: 12px;}



.R1 img{ border: inset 4px #000000; margin-bottom: 10px; text-align: center; position:relative; left: 55px;}



.R1 h3 { text-decoration:underline; font-size: 14px; text-align: center; }



.R1 h4 {font-size: 12px;}







/***** Diverses corrections *****/



.description { padding-right: 15px;}



.click { text-align: center;}



.HPage a { color: #000000; text-decoration: none;}



.HPage a:hover {color: #000000; text-decoration: underline;}







#listIndex li { display: inline;}



#listIndex img { margin: 5px; padding: 0; border: inset 4px #000000;}







.error{



	font-family:Arial, Helvetica, sans-serif;



	font-size:1em;



	color:#F00;



	padding:1em;



}







.erreur{



	font-family:Arial, Helvetica, sans-serif;



	font-size:1em;



	color:#F00;



	padding:1em;



}







.message { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}







#script { list-style: none; margin: 0;}



#listIndex { list-style: none; margin: 0;}



#qualites {margin: 0; margin-bottom: 15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}



#interets li{ list-style:inside; font-size: 10px;}



#interets li{ margin-left: 45px;}



#script li{ list-style:inside; font-size: 10px;}



li { text-align: left;}







.listAdobe li { list-style: none; display: inline; margin: 0px; padding: 0px;;}



.listAdobe img { margin: 0px; padding: 0px; border: none;}







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







.maitrise li{ list-style: none; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;}



.maitrise { margin-top: 0;}







#lebrunas a { color: #0000CC; text-decoration: none;}



#lebrunas a:hover { color: #0000CC; text-decoration: underline;}







#matt { border: outset 5px #000000; position: relative; right: 190px; top: 150px;}







.pagesCV img {position: relative; right: 90px;}







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



.liensI a:hover { color:#CC3300; text-decoration: underline; }

.center { text-align: center; position: relative; left: 60px;}

#justify p { text-align: justify;}

.important { color: #FF0000;}