@charset "utf-8";

html {
	background-image: url(../image/fond.jpg);
	background-repeat: repeat-x;
	background-color: #c93c5f;	
}

body{
background-color: transparent;
margin:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

img{border:none;}

a{
	text-decoration:none;
	color : #c93c5f;	
	font-weight:bold;
}
a:hover{
	text-decoration:underline;
	color : #c93c5f;	
	font-weight:bold;
}

/*-----------------------------HEADER----------------------------------------*/
#head{
	height: 41px;
	color:#FFFFCC;
}


#header{
	background-image: url(../image/logo.png);
	width:100%;
	height:170px;
	margin-top:-20px;
	background-repeat: no-repeat;
	background-color: transparent;
}

h1{
	background-color:#ff0066;
	background-image:url(../image/trodat/titre-h1.jpg);
	background-repeat:no-repeat;
	font-weight:bolder;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#fff;
	margin:auto;
	text-transform: uppercase;
	font-size:16px;
	line-height:25px;
	text-align:center;
}
#logo{
	float:left;
}

/*-----------------------------MENU----------------------------------------*/

#menu1{
	width:800px;
	margin-top:-30px;
	margin-left:420px;
	height:174px;
    top:15px;
}
	
#menu1 ul{
	height:174px;
}
	
#menu1 li{
	height:174px;
	background-repeat: no-repeat;
	list-style-type: none;	
	width:146px;
	margin-top:-25px;
	display:inline-block;
}

#menu1 a{	
	width:146px;
	height:174px;
	margin:auto;
	padding-top:225px;;
	}	

/*------------Menu 3------------------*/
	
#menu3{
	background-image: url(../image/postit.png);
	background-color: transparent;
	width:301px;
	height:306px;
	margin-top:-250px;
	float:right;
	padding-right:50px;
	background-repeat: no-repeat;
}

#menu3 ul{
	padding-right:25px;
	margin-top:55px;
	}

#menu3 li{
	list-style-type: none;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 14px;
	text-align:center;
	width:250px;
	background-repeat:no-repeat;
	background-image:url(../image/fond-lien3.png);
	height:50px;
	margin-left:-34px;
	line-height:46px;
}

#menu3 li a{
	text-decoration:none;
	color:#333333;
}	

#menu3 li a:hover{
	text-decoration:none;
	color:#FF0066;
}
/*------------Menu 2------------------*/

#menu2{
	width:250px;
	text-align:center;
	padding-top:55px;	
	margin-left : 600px;
	}
	
#menu2 li{
	list-style-type: none;
	width:250px;
	background-repeat:no-repeat;
	background-image:url(../image/fond-lien1.jpg);
	height:50px;
	line-height:46px;
}	

#menu2 li:hover{
	list-style-type: none;
	width:250px;
	background-repeat:no-repeat;
	background-image:url(../image/fond-lien2.jpg);
	height:50px;
	line-height:46px;
	color:white;
}	

#menu2 a{
	height:50px;
	width:250px;
	text-decoration:none;
	color:#333333;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
}  
#menu2 a:hover{
	height:50px;
	width:250px;
	text-decoration:none;
	color:white;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
} 

/*-------------------Video--------------------*/

#video{ 
	width:420px;
	float:right;
	margin-top:-25px;
	margin-right:2%;
}


/*-----------------------------TEXTE----------------------------------------*/
#texte{
	width:550px;
	min-height:353px;
	text-align:justify;
	margin-left:15px;
	color:#fff;
	display: block;
	padding:5px;
	background-image:url(../image/bord2.png);
	background-repeat:repeat-y;
		}
			
#texte p{}

#content{
	min-height:470px;
	margin-top:15px;
}
#content2{
	min-height:470px;
	margin-top:15px;
	margin:auto;
}

/*-----------------------------FOOTER----------------------------------------*/

#foot{
	height:306px;
	background-image: url(../image/fond-blanc.png);
	background-color: transparent;
	background-repeat: repeat-x;
}

#vignette{
	width:600px;
	display: block;
	margin-top:65px;
	height:160px;
	float : left;
}


#contenu{
width:700px;
}

#footer{
	background-color: transparent;
	background-image: url(../image/footer.png);
	background-repeat: repeat-x;
	margin-top:-5px;
	height: 41px;
	color:#FFFFCC;
	padding-top:8px;
	text-align:center;
	margin-bottom:-25px;
}

#footer a{
	text-decoration:none;
	color:#FF0066;
}

#footer a:hover{
	text-decoration:underline;
	color:#FF0066;
}


/*------------INFOBULLE---------------------------*/

.infobulle{
	position: absolute;   
	visibility : hidden;
	border: 1px solid Black;
	padding: 10px;
	font-family: Verdana, Arial;
	font-size: 10px;
	text-align:center;
	width:100px;
	color:#FFFFCC;
	background-color: #333333;
}

/*---------------- class---------------------------*/

.gras{
	font-weight:bolder;
	color:#df126d;
	text-transform: uppercase;
}

	
h2{
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#ff0066;
	text-transform: uppercase;
	font-size:14px;
	line-height:25px;
	text-align:center;
}
	
.gauche{
float:left;
border-right:5px solid #333;
}
.left{
float:left;
}

.right{
float:right;
}

.star{
	font-size:18px;
	color:#df126d;
	font-weight:bolder;
}

.centrer{
	text-align:center;
}

.date{
font-size:14px;
color:#fff;;
width:100px;
font-weight:lighter
}

.rouge {
border:1px solid black;
background-color:#ff0078;
}

.bleu{
color:#0000ff;
}

.rouge2{
color:#ff0000;
}
.vert2{
color:#047121;
}
.noir{
color:#000000;
}
.gris{
color:#cccccc;
}
.jaune{
color:#FFFF00;
}
.jaune2{
color:#FFCC66;
}
.orange{
color:#FF9900;
}
.carmin{
color:#CC3300;
}
.pourpre{
color:#FF00CC;
}
.bleuclair{
color:#66CCFF
}
.ciel{
color:#0066FF;
}
.violet{
color:#660066;
}
.vertjaune{
color:#99CC00;
}
.brun{
color:#CC6600;
}

.vert{
border:1px solid black;
background-color:#b8ff7e;
}
.blanc {
border:1px solid black;
background-color:#fff;
}

/*-----------------------------Devis --------------*/


input {
border:1px solid black;
background-color:#fff;
}

input:focus {
border:1px solid black;
background-color:#ccc;
}

#devis1{
	width:850px;
	min-height:353px;
	text-align:justify;
	margin:auto;
	color:white;
	display: block;
	padding:5px;
	background-image:url(../image/bord.png);
	background-repeat:repeat-y;
		}
table{
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

/*--------------------------TRODAT-------------------*/

#couleur{
	background-color:#FFFFFF;
	margin:5px;
	color:#333333;
	padding:5px;
	text-align:left;
}
#couleur2{
	background-color:#FFFFFF;
	margin:5px;
	color:#333333;
	padding:5px;
	height:420px;
	text-align:left;
}
#couleur3{
	background-color:#FFFFFF;
	margin:5px;
	color:#333333;
	padding:5px;
	height:255px;
	text-align:left;
}

#couleur2 p{
line-height:24px;
}

#trodat{
	text-align:center;
	border-collapse: collapse;
	margin:auto;
	vertical-align:middle;
}
#trodat td{
border-top:1px gray solid;
}

#trodat2{
	text-align:center;
	border:1px gray;
	border-collapse: collapse;
	margin:auto;
	vertical-align:top;
}

#trodat img{
	border: 4px solid #333333;
}

.titretrodat{
	color:#FF0066;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	text-align:center
}

/*--------------------------------Services----------------*/
#service{
	width:850px;
	min-height:353px;
	text-align:justify;
	margin:auto;
	color:#fff;
	text-align:center;
	display: block;
	padding-top:5px;
	background-image:url(../image/bord.png);
	background-repeat:repeat-y;
}

#service p{
	width:825px;
	
}