
* {
	margin:0;
	padding:0;
}

#global{
	width: 960px;
	margin:0 auto;
	position:relative;
}
body
{
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-size:13px;
	color:#666;
	background-image: url(/Medias/captusite.com/css/body02.jpg);
	background-repeat:repeat-x;
	background-color:#6d96a8;
}

/* TinyMCE specific rules */
body.mceContentBody {
   background: #FFF;
}

img {
	border:none;
}

.nettoyeur {
	clear:both;
}

div#fil_ariane{
	background-color:#FFFFFF;
	width:940px;
	padding: 5px 0px;;
	margin-left:10px;
}
div#fil_ariane span{
	margin-left: 30px;
}
#fil_ariane h1{
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-size:13px;
	color:#666;
}
/*li{
	list-style-type:none;
}*/
#rep{
	color:#006633;
	font-weight:bold;
}
.drapeau img{
	position:absolute;	
}
/************************* HEADER ******************************************/
#banniere {
	height:260px;
	width:940px;
	margin:0 auto;
	background-image:url(/Medias/captusite.com/css/banniere-14.jpg);
	position:relative;
}

#titre_header{
	position:relative;
	width:600px;
	font-size:10px;
	top:140px;
	left:15px;
    color:#FFF;
}

div#logo {
	position:relative;
	top:0px;
	left:580px;
	width:315px;
	height:98px;
}
div#logo img{
	border:none;
}
#pinon{
	position:absolute;
    right:5px;
    bottom:5px;
}
#vignettes {
	float:right;
	margin:0 0 25px -10px;
	//margin:0 0 25px -10px;
}
#vignettes img{
	display:block;
}
#vignettes .legende{
	font-size:9px;
	color:#666;
}

.avignettes{
	float:left;
    margin-right:5px;
    text-decoration:none;
    text-align:center;
}
.message_confirmation{
	color:#014471;
	font-weight:bold;
	font-size:14px;
}
#ombre_portee_gauche{
	width:13px;
	height:158px;
    background-image:url(/Design/CSS/ombre_gauche.png);
	position:absolute;
	left:-13px;
	top:102px;
}
#ombre_portee_droite{
	width:13px;
	height:158px;
	background-image:url(/Design/CSS/ombre_droite.png);
	position:absolute;
	right:-13px;
	top:102px;
}
#devisnum{
	position:absolute;
	bottom:0px;
	right:40px;
	color:#6d96a8;
	background-image:url(/Design/CSS/fond_devis_blanc.png);
	width:291px;
	height:29px;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	line-height:25px;
}
/************************ NAVIGATION ******************************************/
#menu {
	position:absolute;
	top:70px;
	left:20px;
	height:152px;
}

ul.menu {
	list-style-type: none;
	padding: 10px;
	padding-right:0px;
	width:240px;
	background-color:#FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px; 
	opacity : 0.7; 
	-moz-opacity :0.7;
	filter : alpha(opacity=70);
	/*border-radius: 5px;
	behavior: url(/js/border-radius.htc);*/
}
.ss-menu {
	 display: none;
}
.ss_menu li{
	float:left;
	/*margin-top:-30px;*/
	/*height:24px;*/
}
.menu li {
	list-style-type:none;
	position:relative;
	width:245px;
}

.texte_menu {
	/*margin-left:15px;*/
	/*font-size:14px;*/
	/*line-height:25px;
	height:24px;*/
}

ul.menu .texte_menu a.principal {
	display:block;
	text-decoration: none;
	color:#6d96a8;
	font-weight:bold;
	font-size:16px;
	/*line-height:20px;*/
	/*width:234px;
	height:22px;*/
}
.menu li ul.ss-menu{
	position:absolute;
	left:245px;
	top:-10px;
	background-color:#FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px; 
	//opacity : 0.7; 
	//filter : alpha(opacity=70);
	padding:10px 10px;
}

/*passage de la souris */
.menu .texte_menu:hover {
	color:#6d96a8;
	font-weight:bold;
}
.menu li:hover a.principal{
	color:#6D96A8;
}
.menu li:hover > ul.ss-menu { 
	display: block;
}

.menu li ul li{
	width:290px;
}
.menu li:hover ul.ss-menu li  {
	display:block;
	/*height:24px;*/
}
.ss-menu a{
	text-decoration:none;
	color:#6d96a8;
	font-size:14px;
	font-weight:lighter;
	/*line-height:25px;*//*aligne texte dans sous-menu */
}
/*ul.ss-menu {
	width:700px;
	height:24px;
}*/
.ss-menu li:hover a{
	color:#6d96a8;
	font-weight:bold;
}
.ss-menu a {
	/*margin: 0 10px;*/
}
/************************* CONTENU CENTRAL ************************/
#contenu {
	background-color:#FFFFFF;
	width:875px;
	padding:10px 35px 50px 30px;
	margin-left:10px;
}

h1, h2, h3 {
	font-weight:bold;
	font-size:15px;
	display:inline;
}

.rouge {
	font-weight:bold;
	color:#6d96a8;
}

.lignerouge{
	color:#6d96a8;
	margin-bottom:10px;
	margin-top:3px;
    border:1px solid;
}

.illustration {
	float:right;
	margin:70px 0 10px 10px ;
}
.nouveau {
	background-color:#CC0000;
	color:#FFFFFF;
	padding:2px;

}
/*Contenu centre*/
#contenu_centre  {
	float:left;
    position:relative;
}

#contenu_centre  .interieur{
	width:520px;
}
#contenu_gauche{
	width:0px;
}
/* Contenu droit */
#contenu_droit{
	float:right;
}
#contenu_droit .interieur{
	width:300px;
}
.img_droite{
	float:right;
	margin: 25px 15px;
}
#imgdevis{
	background-color:#000000;
	/*width:303px;*/
	height:44px;
    padding:10px 20px;
	margin:20px auto;
	text-align:center;
	line-height:50px;
	font-size:20px;
	font-weight:bolder;
    -moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#imgdevis:hover{
	background-color:#ae986a;
}
#imgdevis a#adevis{
	text-decoration:none;
    color:#ae986a;
}
#imgdevis a#adevis:hover{
    color:#000000;
    background-color:#ae986a;
}
/*---------- Boite events ou Portfolio ------*/
.jaune {
	color:#6d96a8;
}
.lignejaune{
	color:#6d96a8;
	margin-bottom:15px;
	margin-top:3px;
    border: 1px solid;
}
#box_carte_visite{
	width:300px;
	float:right;
	margin:0 0 25px 15px;
}
#box {
	width:340px;
	float:right;
	margin:0 0 25px 25px;
	//margin:0 0 25px -25px;
}
#box ul{
	list-style-position:outside;
}
#box ul li{
	list-style:url(/Design/&raquo.png);
	//line-height:15px;
}
#contenubox {
	border-left:1px dotted #999;
	padding-left:17px;
}
#contenubox img{
	margin:0 0 10px 10px;
}
/*--------------------------------------------*/

#contenu a, #fil_ariane a{
	color:#6d96a8;
    padding: 0px 4px;
}
#contenu a:hover, #fil_ariane a:hover {
	color:#FFFFFF;
	background-color:#6d96a8;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	text-decoration:none;
}
#contenu a:hover span.legende{
	color:#FFF;
}
p {
	margin-bottom:15px;
} 
/* mise à jour */

#map_captusite{
	background-image:url(/Design/map_captusite150.jpg);
	background-repeat:no-repeat;
	background-position:right;
	min-height:150px;
	width:880px;
}

/************************** BAS PAGE ******************************/
#arrondi_page {
	clear:both;
	background-image:url(/Design/arrondi_page.jpg);
	background-repeat:no-repeat;
	height:16px;
	margin-left:10px;
}

/*************** NOUVEAUTES *********************************/
/*#titre_nouveautes {
	color:#6d96a8;
	font-weight:bold;
	margin-left:5px;
	margin-top:10px;
	width:295px;
}

#nouveautes {
	border-bottom:3px dotted #CCCCCC;;
	border-right:3px dotted #CCCCCC;;
	border-left:3px dotted #CCCCCC;;
	border-top:3px solid #6d96a8;
	margin-left:7px;
	width:285px;
	padding-left:7px;
}

.txt_description {
	font-size:11px;
}

.txt_titre {
	font-size:11px;
	font-weight:bold;
}

#nouveautes_gauche {
	float:left;
	padding-left:7px;
	padding-right:7px;
	padding-bottom:5px;
}

.url a {
	color:#01476f;
}
*/
/**************** PORTFOLIO **********************************/
/*#portfolio_gauche {
	text-align:center;
	float:left;
	width:150px;
	height:140px;
	font-size:11px;
}

#pagination {
	text-align:center;
	width:600px;
}*/

.realisations {
	margin:0;
	padding:0;

}

.realisation {
	float:left;
	margin:0 16px 15px 0;
	text-align:center;
	width:200px;
	height:140px;
	border:1px solid #999;
}
.realisation img {
	margin-top:10px;
}


/************* FORMULAIRE DE CONTACT ***********************************/
/*#MySpamTrap {display: none;}*/
/****** SpamTrap Captcha ********/

#formlayout {
	padding:5px;
	margin-top:5px;
	margin-bottom:5px;
}

#formlayout label {
	float:left;
	width:15%;
	margin-right:7px;
	padding-top:4px;
	text-align:right;
}

input {
	 margin-bottom:1px;
}

select {
	width:146px;
	margin-bottom:1px;
}

textarea {
	width:400px;
	height:100px;
	margin-bottom:1px;
}

input.submit {
	background:url(/Design/bouton_envoyer.jpg);
	width:85px;
	height:27px;
	margin-left:420px;
	margin-top:10px;
	border:0;
}
#formlayout br{
	clear:left;
}
#formlayout .legende{
	font-size:9px;
	margin-left:3px;
}
#tableau_contact{
	font-weight:bold;
}
/*****************Interventions**************************/
#demandes{
	/*border:2px solid #999999;*/
	background-color:#F59D00;
	border-collapse:collapse;
}
#interventions{
	background-color:#C2D4EA;
	border-collapse:collapse;
}
#interventions th{
	color:#FA8830;
}

#demandes th{
	color:#863A16;
}
.intervention1{
	background-color:#DDDDDD;
	border-top:1px solid #999999;
    min-height:100px;
}
.demande1{
	background-color:#FFFFFF;
    border-top:1px solid #999999;
}
.intervention2{
	background-color:#CCCCCC;
}
#desc_int{
	padding:10px 5px;
}

#btn_deconnexion{
	position:absolute;
    right:0px;
    top:0px;
    cursor:pointer;
}
.user{
	margin:5px;
}
.border_avatar{
	background-color:#FFFFFF;
    border:3px solid #999999;
    width:60px;
    height:60px;
}
/************************* MAP GOOGLE *******************************/
#carte {
	float:right;
	width:300px;
	text-align:center;
}

#map {
	width: 600px;
	height: 500px;
	text-align:center;
}

/************************** FOOTER *************************************/
#magicfoot {
	font-size:12px;
    width:290px;
    float:left;
    min-height:130px;
    padding-left:20px;
    text-align:left;
    margin-top:20px;
}

#footer {
	width:940px;
	min-height:180px;
	margin:0 auto;
	color:#000;
    text-align:center;
	font-size:12px;
	padding-top:10px;
	background-color:#ae986a;
}

#footer a {
	color:#000;
	text-decoration:none;
}
.bloc-bas{
	float:left;
	width:290px;
    min-height:130px;
	border-left:1px dotted #FFF;
    padding-left:20px;
    text-align:left;
    margin-top:20px;
}



