/*******************************************************************************/
/* CSS - TECTRAD */
/*******************************************************************************/

* { margin: 0; padding: 0; border: 0; outline: 0; }

table { border-collapse: collapse; border-spacing: 0; }

body {
	font: normal 12px Arial, Helvetica, Geneva, Verdana, "Bitstream Vera Sans", sans-serif;
	color: #666;
	background: url(img/body_bg.png) repeat-x 0 0 #3D5766;
}

a { text-decoration: underline; color: #e32219;  }
a:hover, a:focus, a:active { text-decoration: none; }

.left { float: left; }
.right { float: right; }

img.left { margin-right: 10px; }
img.right { margin-left: 10px; }
img.center { display: block; margin: 0 auto; text-align: center; padding-bottom: 8px; }

.newline { display: block; clear: both; line-height: 1px; font-size: 1px; height: 0; }

h2 strong { color: #e32219; }

/*******************************************************************************/
/* HEADER */
/*******************************************************************************/

#header { width: 950px; margin: 0 auto; position: relative;  }
#header img { display: block; }
#header a.logoTectrad { position: absolute; top: 30px; width: 340px; height: 140px; }
#header a.logoUbiqus { position: absolute; top: 30px; right: 72px; width: 150px; height: 30px; }

/*******************************************************************************/
/* MENU */
/*******************************************************************************/

#menu { height: 38px; background: url(img/darkgrey_bg.png) repeat-x 0 0; }

#menu ul { 
	width: 950px;
	margin: 0 auto;
	list-style: none; 
	padding-top: 6px; 
}

#menu ul li { 
	float: left;
	height: 32px;
	background: url(img/menu_dot.png) no-repeat 100% 10px;
}

#menu ul li.last { 
	background: none;
}

#menu ul li a { 
	float: left;
	color: white;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	height: 32px;
	padding-left: 15px; /*VALEUR IDENTIQUE ICI*/
	cursor: pointer;
	margin: 0 16px 0 10px; /*ESPACE QUI PERMET DE BIEN AFFICHER LE ROND*/
}

#menu ul li a span { 
	float: left; 
	height: 32px;
	padding-right: 15px; /*VALEUR IDENTIQUE ET ICI*/
	line-height: 25px;
}

#menu ul li a:hover,
#menu ul li#current a { 
	color: black;
	background: url(img/menu_onglet.png) no-repeat 0 0;
}

#menu ul li a:hover span,
#menu ul li#current a span { 
	background: url(img/menu_onglet.png) no-repeat 100% -68px;
}


/*******************************************************************************/
/* SERVICES */
/*******************************************************************************/

#bicolor-bg { 
	background: url(img/srvc_bicolor_bg.gif) repeat-y 50% 0;
	/*border-top: 1px solid #FFF;*/
	overflow: hidden; zoom: 1;  
}

#services { 
	width: 950px;
	margin: 0 auto;
	background: url(img/srvc_bg.png) repeat-x 0 100% #FFFFFF; 
	border-top: 1px solid #FFF;
	overflow: hidden; zoom: 1; 
	/*height: 230px;*/
}

#services .col1 { float: left; width: 33%; background: url(img/srvc_sep.png) no-repeat 100% 50%; }
#services .col2 { float: left; width: 33%; background: url(img/srvc_sep.png) no-repeat 100% 50%; }
#services .col3 { float: left; width: 33%; }

#services .contenu { padding: 20px; overflow: hidden; zoom: 1; }

#services .illustration { height: 75px; }
#services img { display: block; }


a.lienplus  { 
	clear: both;
	float: right;
	margin-top: 5px;
	height: 27px; 
	font-weight: 700;
	padding-left: 10px;
	line-height: 25px;
	background: url(img/lienplus_bg.png) no-repeat 0 0;
	cursor: pointer;
	color: #666;
	text-decoration: none;
}

a.lienplus span { 
	float: left; 
	height: 27px; 
	padding-right: 10px; 
	background: url(img/lienplus_bg.png) no-repeat 100% -33px;  
}

a:hover.lienplus { color: #e32219; }


/*******************************************************************************/
/* MAIN */
/*******************************************************************************/

#main-bg { 
	background: #FFF;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	overflow: hidden;
	zoom:1;
}

#main { 
	width: 950px;
	margin: 0 auto;
	overflow: hidden;
	zoom:1;
}

#main.home { background: url(img/main_right_bg.png) repeat-y 100% 0;  }


/************/

#blocHome { width: 610px; float: left; padding: 20px 0; }


/*******************************************************************************/
/* COLONNE DROITE HOME */
/*******************************************************************************/

#colRight { width: 320px; float: right; padding-top: 15px; }

#colRight .visuel { text-align: center; line-height: 1px; font-size: 1px; }

/*******************************************************************************/
/* EDITO */
/*******************************************************************************/

#edito { overflow: hidden; zoom:1; margin-bottom: 20px; }

#edito img { border: 3px solid #d3d3d3; float: left; margin-right: 20px; }

#edito h2 { font-size: 16px; margin-bottom: 10px; }


/*******************************************************************************/
/* ACTUALITE */
/*******************************************************************************/

#actualite { width: 300px; float: left; }

#actualite h2 {
	background: url(img/degrade_titre.png) repeat-x 0 100% #FFF; 
	border: 1px solid #d6d6d6; 
	padding: 1px 10px 3px 10px;
	font-size: 16px;
	margin-bottom: 10px;
}

#actualite .date { color: #b3b3b3; font-size: 11px; }

#actualite h3 { font-size: 12px; text-transform: uppercase; }

#actualite p {  }


/*******************************************************************************/
/* TEMOIGNAGE */
/*******************************************************************************/

#temoignage { width: 300px; float: left; margin-left: 10px; }

#temoignage h2 {
	background: url(img/degrade_titre.png) repeat-x 0 100% #FFF; 
	border: 1px solid #d6d6d6; 
	padding: 1px 10px 3px 10px;
	font-size: 16px;
	margin-bottom: 10px;
}

#slider ul, #slider li { list-style: none; }

#slider li { width: 300px; height: 100px; overflow: hidden; }
span#prevBtn { display:none; }
span#nextBtn { display:none; }	


#temoignage blockquote { background: url(img/quote.gif) no-repeat 0 0; padding: 0 10px 0 28px; line-height: 17px; }  

#temoignage .signature { display: block; text-align: right; font-weight: bold; font-size: 11px; }


/*******************************************************************************/
/* MENU GAUCHE */
/*******************************************************************************/

#menugauche { 
	width: 220px;
	float: left;
	margin: 40px 30px 20px 0;
}

#menugauche h2 { 
	font-size: 16px;
	border-bottom: 1px solid #d9e4ea;
	padding-bottom: 5px;
	margin-bottom: 10px;
	color: #708d9e;
}

#menugauche ul { 
	padding-left: 20px;
}

#menugauche li { 
	color: #708d9e;
	margin: 0 0 5px 0;
}

#menugauche li.current a { 
	color: #708d9e;
	text-decoration: none;
	font-weight: bold;
}

#menugauche li.current li a { 
	color: #e32219;
	text-decoration: underline;
	font-weight: normal;
}

#menugauche li.current li a:hover { 
	text-decoration: none;
}

#menugauche ul ul { 
	padding-top: 5px;
}


/*******************************************************************************/
/* BLOC CENTER */
/*******************************************************************************/

#bloc-center { float: left; width: 650px; padding: 30px 0; }

#bloc-center h1 {
	font: 30px Georgia, serif;
	font-weight: normal;
	color: #708d9e;
	margin-bottom: 20px;
}

#bloc-center h2 {
	font: 20px Georgia, serif;
	font-weight: normal;
	color: #666;
	margin-bottom: 10px;
	line-height: 22px;

}

#bloc-center h2.titre1,
#bloc-center h2.titre2 { 
	background: url(img/degrade_titre.png) repeat-x 0 100% #FFF; 
	border: 1px solid #d6d6d6; 
	padding: 1px 15px 3px 15px; 
}

#bloc-center h2.titre1 { color: #666; }
#bloc-center h2.titre2 { color: #E32219; }

#bloc-center h2.titre3 {
	background: url(img/puce_fleche_bleu.png) no-repeat 0 0;
	padding: 1px 0 2px 35px;
	color: #708d9e;
}

#bloc-center h2.titre4 {
	background: url(img/puce_fleche_rouge.png) no-repeat 0 0;
	padding: 1px 0 2px 35px;
	color: #E32219;
}

#bloc-center h3 { font: 12px Arial; color: #666; }

#bloc-center p { line-height: 17px; }


.style1, .style2, .style3 { margin-bottom: 20px; zoom:1; } 
.style2 { border: 1px solid #E32219; padding: 15px; }
.style3 { background: #86a3b4; color: #FFF; padding: 15px; }

.style3 h2 { color: #FFF !important; }

/* GESTION DES COLONNES */

.w50 { float : left; clear : left; width : 49%; }
.w50-newline { float : right; clear : right; width : 49%; }
.w33-first { float : left; display : inline; width : 32%; }
.w33-2 { float : left; display : inline; width : 32%; margin-left : 2%;  }
 * html .w33-2 { margin : 0 0 0 1%; } /*Hack ie6*/
.w33-newline { float : right; display : inline; clear : right; width : 32%; }

/*******************************************************************************/
/* FOOTER */
/*******************************************************************************/

#footer-bg { clear: both; background: url(img/darkgrey_bg.png) repeat-x 0 0 #3d5766; overflow: hidden; zoom:1;  }

#footer { width: 950px; margin: 0 auto; color: #FFF; }

#footer .copyright { float: left; padding: 10px; }
#footer .copyright img { position: relative; top: 2px; left: 5px; }

#footer ul { list-style: none; padding: 10px; text-align: right; }
#footer ul li { display: inline;   }

#footer a { color: #FFF; text-decoration: none; padding: 0 5px; }
#footer a:hover { color: #a2b2bc; }
/**/