body, a, p, div, h1, h2, h3, h4, h5, h6, li, ul, span {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
body{background:transparent url(../cv-bg.png) no-repeat scroll center top;}
/*............debut des liens*/

a:link, a:active, a:visited, a:hover{
	text-decoration: none;
	font-family: Verdana, "Bitstream vera sans", Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
}

#menu a:link,#menu a:active,#menu a:visited {
	font-family: Verdana, "Bitstream vera sans", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #464747;
	padding-top:5px;
	padding-bottom:1px;
	display:block;
	text-decoration: none;
}
#accueil a:hover {
	color:black;
	display: block;
	height: 70% !important;
	height: 1%;
	background-image: url(../images/acc.png);
	text-decoration: none;
}

#cv a:hover {
	color:black;
	display: block;
	height: 70% !important;
	height: 1%;
	background-image: url(../images/cv.png);
	text-decoration: none;
}

#realisations a:hover {
	color:black;
	height: 70% !important;
	height: 1%;
	display:block;
	background-image: url(../images/real.png);
	text-decoration: none;
}

#contact a:hover {
	color:black;
	height: 70% !important;
	height: 1%;
	display:block;
	background-image: url(../images/ct.png);
	text-decoration: none;
}

#cv_droite a:link,#cv_droite a:active,#cv_droite a:visited {
	font-family: Verdana, "Bitstream vera sans", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f5f5f5;
	text-decoration: none;
}
#cv_droite a:hover {
	text-decoration: underline;
}

#centreliens a:link,#centreliens a:active,#centreliens a:visited {
	font-family: Verdana, "Bitstream vera sans", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	text-decoration: none;margin:30px;line-height:30px;
}
#centreliens a:hover {
	text-decoration: underline;
}


/*............fin des liens*/
						
.blanc{
	font-family: Verdana, "Bitstream vera sans", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #ffffff;
}
						
#container {	
	width: 960px;
	margin: 0 auto 0 auto;

}

/*.................HEADER*/

#header { 
	width: 960px;
}

#head1 {
	margin-top: 38px;
	float: left;
	width: 240px;

}



.logo {padding-left:25px;}

#titre_contact {
	margin-top: 20px;
	float: left;
	width: 720px;
	height: 120px;
	background-image: url(../images/ct1.png);
}

#titre_liens {	
	margin-top: 100px;
	float: left;
	width: 720px;
	height: 40px;
	background-image: url(../images/lien1.png);
}

#titre2 {
	padding-top: 50px;
	padding-left: 45px;
	font-family: Verdana, "Bitstream vera sans", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6D6D6D;
}
#titre_cv {
	margin-top: 100px;
	float: left;
	width: 720px;
	height: 40px;
	background-image: url(../images/cv1.png);
}
#titre_real {
	margin-top: 100px;
	float: left;
	width: 720px;
	height: 40px;
	background-image: url(../images/real1.png);
}

#titre_cv h1, #titre_contact h1, #titre_liens h1, #titre_real h1{
	margin: 10px 10px 10px 10px;
	text-align: right;
	font-family: Verdana, "Bitstream vera sans", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #6D6D6D;
}
#head2 {
	margin-top: 100px;
	float: left;
	width: 240px;
	height: 40px;
	background-image: url(../images/t2.png);
}

#head3 {
	margin-top: 60px;
	float: left;
	width: 240px;
	height: 80px;
	background-image: url(../images/t3.png);
}

#head4{
	margin-top: 20px;
	float:left;
	width: 240px;
	height: 120px;
	background-image: url(../images/t4.png);
}

/*.................FIN DU HEADER*/

#temp {
		background: transparent url(../images/real2.png) repeat scroll 0% 0%;overflow:hidden;
		position: relative;
		text-align: center;
		top: 330px;
		left: -712px;
		z-index: 1;
		margin-top: 100px;
		width: 20px;
		height: 25px;
		}
 
/*.................MAIN*/
object { outline:none; }
#logo {
	padding-top: 38px !important;
					
}
#carousel {
	margin-bottom: 15px !important;	
	margin-bottom: 0;
}
#gauche {

	float: left;
	width: 240px;
}

#droite{
	margin-top: 20px;
	float: left;
}
#droite-real{
	margin-top: 0;
	float: left;
}
#main {
	clear: both;
	width: 960px;
	height: 360px;
}

#centrecv {
	float: left;
	width: 720px;
	height: 360px;
	background-image: url(../images/cv2.png);
}
#centrereal {
	float: left;
	width: 720px;
	height: 360px;
	background-image: url(../images/real2.png);
	margin-bottom:20px;
}

#centrecontact {
	float: left;
	width: 720px;
	height: 360px;
	background-image: url(../images/ct2.png);
}

#centreliens{

	float: left;
	width: 720px;
	height: 360px;
	background-image: url(../images/lien2.png);
}

#b1a img {border:none;}

#b1a {
	font-family: Verdana, "Bitstream vera sans", Arial, Helvetica, sans-serif;
	padding: 50px 0 20px 40px;
}

#b1a a:link, #b1a a:active, #b1a a:visited, #b1a a:hover{
	text-decoration: none;
	font-family: Verdana, "Bitstream vera sans", Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;}
#b1 {
	float:left;
	width: 240px;
	height: 360px;
	background-image: url(../images/1.png);
	
}
#sous {

	width: 240px;
	height: 360px;
	background-image: url(../images/1.png);
}

#pit {
	width: 240px;
	height: 175px;
	background: transparent url(../images/pit.png) no-repeat;
	font-family: Verdana, "Bitstream vera sans", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	border: none;
}
#pit h1 {
	padding: 10px 10px 5px 10px;
	font-family: Verdana, "Bitstream vera sans", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
}

#pit h2 {
	padding: 5px 5px 5px 5px;
	font-family: Verdana, "Bitstream vera sans", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
}

.p1 {padding: 0 10px 0 10px;line-height:16px;}
.tp{padding:8px 0 0 10px;}
.center {margin-left: 40px;}

.center1 {margin-left: 70px;}

.p2b {
	padding: 0 5px 5px 25px;
	font-family: Verdana, "Bitstream vera sans", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
}

.p2a {
	padding: 15px 5px 5px 10px;
	text-indent: 3%;
	font-family: Verdana, "Bitstream vera sans", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
}

#b2 {
	float: left;
	width: 240px;
	height: 360px;
	background-image: url(../images/2.png);
	line-height: 21px;
}

.p2 {
	padding: 65px 5px 5px 10px;
	text-indent: 3%;
	font-family: Verdana, "Bitstream vera sans", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
}

.p3 {
	padding: 5px 5px 5px 10px;
	text-indent: 2%;
	margin-top: 10px;
	font-family: Verdana, "Bitstream vera sans", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
}
#b3 {
	float: left;
	width: 240px;
	height: 360px;
	background-image: url(../images/3.png);
	line-height:21px;
}
	
#b4 {
	line-height:17px;
	float: left;
	width: 240px;
	height: 360px;
	background-image: url(../images/4.png);
}

#monswf{text-align:center;margin-top:-12px;}

#cv_titre {
	padding: 5px 0 8px 5px; 
	font-family: Verdana, "Bitstream vera sans", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
}

#cv_gauche {
	padding-left:10px;
	float: left;
	font-family: Verdana, "Bitstream vera sans", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
}

#cv_droite {
	margin: 0 0 10px 20px; 
	float: left;
	font-family: Verdana, "Bitstream vera sans", Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:1.24em;
	color: #ffffff;
	width:700px;
}

h1 {
	font-family: Verdana, "Bitstream vera sans", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
}

h2 {
	font-family: Verdana, "Bitstream vera sans", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
}

h3 {
	font-family: Verdana, "Bitstream vera sans", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
}
/*.................FIN DE MAIN*/

/*.................MENU*/

#menu {
	clear: both;
	margin-top: 20px;
	width: 959px;
	height: 20px;
	background-image: url(../images/menu.gif);
	border: 1px solid #8a8f91;
}

#accueil {
	text-align: center;
	float: left;
	width: 239px;
	height: 20px;
	display: block;
	border-right: 1px solid #8a8f91;
}

#cv {
	text-align: center;
	float: left;
	width: 239px;
	height: 20px;
	display: block;
	border-right: 1px solid #8a8f91;
	}

#realisations {
	text-align: center;
	float: left;
	height: 20px;
	width: 239px;
	display: block;
	border-right: 1px solid #8a8f91;
	}
	
#contact {
	text-align: center;
	float: left;
	width: 239px;
	height: 20px;
	display: block;
	}

/*.................FIN DU MENU*/

/*.................PIED*/

#pied {
	width: 960px;
	margin: 20px 0 0 15px;
	clear: both;
	font-family: Verdana, "Bitstream vera sans", Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
}

.p4 {float:right; margin-right:30px;}

/*.................FIN DU PIED*/



/*.................FORMULAIRE*/

#formulaire {
	margin: 52px 30px 10px 30px;
}

fieldset {
	background-color: #5F817A;
	border: 1px solid #ffffff;
}

#a { 
	margin-right: 5px;
	float: left;
	background-color: #5F817A;
	padding: 15px 10px 20px 10px;
	height: 200px !important;
	height: 220px;
	width:246px;
	}

#b {
	height: 200px !important;
	height: 240px;
	padding: 15px 0 20px 10px;
	width:371px;
}

label { 
	margin-right: 15px;
}

.envoi {
	width: 350px;
	float: left;
	margin-top: 10px;

	font-family: Verdana, "Bitstream vera sans", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}
.etoile{
	color: #FFFFFF;
	font-size: 16px;
	padding-top:20px;
	float:right;
}
.calage1{
	display: block;
	float: left;
	width: 100px;
	font-size: 12px;
	font-weight: normal;	
	font-family: Verdana, "Bitstream vera sans", Arial, Helvetica, sans-serif;
	text-align: right;
}

.calage2{
	display: block;
	float: left;
	width: 100px;
	font-size: 12px;
	font-weight: normal;	
	font-family: Verdana, "Bitstream vera sans", Arial, Helvetica, sans-serif;
	text-align: right;
	margin-top: 40px;
	color: #ffffff;
}
.calage3{
	display: block;
	float: left;
		width: 100px;
	font-size: 12px;
	font-weight: normal;	
	font-family: Verdana, "Bitstream vera sans", Arial, Helvetica, sans-serif;
	text-align: left;
	margin-top: 5px;
	margin-bottom:5px;
	color: #ffffff;
	text-align:right;
}

.calage {
	display: block;
	float: left;
	width: 75px;
	font-size: 12px;
	font-weight: normal;	
	font-family: Verdana, "Bitstream vera sans", Arial, Helvetica, sans-serif;
	text-align: right;
	margin-top: 40px;
	color: #ffffff;

}
#code{float:right;width:130px;}
.text { 
	font-family: Verdana, "Bitstream vera sans", Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 140px;
	color: #000000;
	font-weight: normal;
}

.text1 { 
	font-family: Verdana, "Bitstream vera sans", Arial, Helvetica, sans-serif;
	font-size: 14px;
	width: 140px;
	color: #000000;
	font-weight: normal;
	border: 1px solid #fff;
	margin-top: 35px;
	background:transparent url(../images/champ-bg.gif) repeat-x scroll center top;
}

.text2 { 
	font-family: Verdana, "Bitstream vera sans", Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 222px;height:110px;
	color: #000000;
	font-weight: normal;
	border: 1px solid #fff;
	margin:10px 0 15px 0;
	background:white url(../images/champ-bg.gif) repeat-x scroll center top;
}
.text3 { 
	font-family: Verdana, "Bitstream vera sans", Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 110px;
	color: #000000;
	font-weight: normal;
	border: 1px solid #fff;
	text-align:left;
	background:transparent url(../images/champ-bg.gif) repeat-x scroll center top;
}

input,
textarea,
select { 
	background:transparent url(../images/champ-bg.gif) repeat-x scroll center top;
	margin:0;
	padding:3px;
	border:none;
	vertical-align:top;
	font-weight:bold;
	letter-spacing:1px;	
	border: 1px solid #fff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
 input:hover,
 textarea:hover,
 select:hover	{
	background:white url(../images/champ-bg.gif) repeat-x scroll center top;
	color:black;
	border: 1px solid #EFC0E2;
}

 input:focus,
 textarea:focus,
 select:focus	{ 
	background:white url(../images/champ-bg.gif) repeat-x scroll center top;
	color:#342C28;
}

input.boutton {
	font-size: 12px;
	font-weight: normal;	
	font-family: Verdana, "Bitstream vera sans", Arial, Helvetica, sans-serif;
	background-color: #666;
	border: 1px solid #000;
	background: white none;
}
	
input.boutton:hover {
	background: #666 none;
	border: 1px solid #000;
	color:#EFC0E2;
}

#form-pied {
	margin-top: 20px;
	clear: both;
	height: 20px;
}

#pied1-f {
width: 350px;
float: left;
}

#pied1-f { 
float: left;
}
