/** 
    *	CSS par Timothée Barray 
    * 	création : 25/04/2005
    *	mise à jour : 02/06/2005
    *	----------------------------------------------------------------------- 
    */
	
/** 
    *	Redéfinition générales de balises
    *	-----------------------------------------------------------------------
    */
* { padding: 0 ; margin: 0 ; } /* Mise à zéro de toutes les marges et padding par défaut */
body {
	background: #888 url(../images/fond.jpg) top left repeat-x ;
	font: normal 70% "Arial", Verdana,Trebuchet MS,Helvetica,Tahoma,sans-serif ;
	color: #3d2e30 ; text-align: center ;
}

h1 { background-image: url(../images/entete.png);}
h1 a { display: block ; width: 778px ; height: 115px ;}
h1 span { position: absolute ; left: 0 ; top: -500px ; width: 1px ; height: 1px ; overflow: hidden ; }

a { color: #f46d21 ; }
a:hover { text-decoration: none ; color: #3d2e30 ; } 

a img{ border: none; }

input,textarea {
	background-color: #FFF ; color: #2C365C ;
	border: solid 1px #808AB0 ;
	padding: 0.1em 0.2em ;
}
input[type=submit],input[type=reset] { background: #FFF url(../images/submit.jpg) left bottom repeat-x ; }
input[type=text]:focus,textarea:focus {background-color: #F8F8FF ; }
select {width: 300px ; }

ul { list-style: none ; }

hr.petite { 
	display: block;
	height: 2px ;
	text-align: center;
}
hr { display: none ; }

address {
	margin: 4px 0 6px 20px ; padding: 2px 2px 2px 5px ;
	width: 80% ;
	background-color: #fef8f4 ; /*fde2d3*/
	border-left: solid 3px #f46d21 ;
	font: normal 0.9em "Arial", Verdana ;
}

kbd { font: normal 0.9em "Arial", Verdana,Monospace ;}

em { font-style: normal; color: #3d2e30 ; font-weight: bold ; }


/** 
    *	Structure générale 
    *	-----------------------------------------------------------------------
    */
#global { width: 778px ; margin: 20px auto 0 auto ; text-align: left ; background: #FFFFFF url(../images/col-g.jpg) top left repeat-y ; }
#centre {  width: 778px ; background: url(../images/col-d.jpg) top right repeat-y ; }
#menu {	width: 751px; float: left ;	padding: 0 13px 0 18px ;}
#contenu { width: 100% ; min-height: 400px ; float: right ; margin-left: -30em ;  } * html #contenu { height: 10px ; } /** Pour IE ne comprennant pas le min-height */
#cadre,#accueil { padding: 0 20px 20px 16.5em ; } * html #accueil { height: 400px ; } /** Pour IE6 */
#cadre{ padding-top: 30px ; }
#colonne{ width: 15em ; float: left ; margin: 30px 0 ; padding: 0 ;}
#pied { width: 778px ; min-height: 51px ; padding-top: 0px ; background: url(../images/pied3.png) bottom no-repeat ; clear: both ;}
* html #pied { height: 51px ; } /** Pour IE ne comprennant pas le min-height */


/** 
    *	Menu principal horizontal 
    *	-----------------------------------------------------------------------
    */
#menu ul {
	width: 742px ; float: left ;
	text-align: center ;
	font: bold 1.0em "Arial", Verdana,Trebuchet MS,Helvetica,Tahoma,sans-serif ;
	background: url(../images/fondbtn.jpg) left bottom repeat-x ;
}
#menu li.actif { 
	min-height: 22px ;
	padding-top: 0px ;
	font: bold 1.1em "Arial", Verdana,Trebuchet MS,Helvetica,Tahoma,sans-serif ;
	background-color: #f46d21 ; color: #3d2e30 ;
	border-right: solid 1px #ADADAD ;
	border-left: solid 1px #ADADAD ;
	border-top: solid 1px #ADADAD ;
}
#menu li {
	width: 104px ; float: left ;
	text-align: center ;
	border-right: solid 1px #FFFFFF ;
	border-left: solid 1px #ADADAD ;
	border-top: solid 1px #ADADAD ;
}
#menu a {
	color: #3d2e30 ; text-decoration: none ;
	padding-top: 6px ;
	width: 100% ; float: left ;
	min-height: 22px ;
	text-align: center ;
}
#menu a:hover { background-color: #f46d21; color: #3d2e30 }
* html #menu a { height: 22px ; } /** Pour IE ne comprenant pas le min-height */
* html li.actif { height: 22px ; } /** Pour IE ne comprenant pas le min-height */


/** 
    *	Elements page d'acueil
    *	-----------------------------------------------------------------------
    */	
#accueil p { text-align: left ; }

.bandeau-haut {
	width: 98% ; min-height: 70px ;
	float: left ; margin: 30px 10px 0 0 ;
	background: #FFFFFF url(../images/bandeau.jpg) left bottom repeat-x ;
}
.bandeau-haut p { padding:  10px ; }

#zone-centre { width: 100% ; padding-top: 50px ; float: left ; }
#zone-centre p {	padding:.625em 0; line-height: 20px; }

#zone-bottom { width: 100% ; padding-top: 60px ; float: left ;}

/** Structure du carré */
.col { width: 48% ; margin-right: 10px ; float: left ; }

.CCspace { width: 65px ; height: 100px ; padding: 5px 0 ; float: right ; }
.CCpullout { width: 180px ; height: 160px ; padding: 5px ; top: 150px; float: left ; margin-left: -105px ; }
.CCpullout span {	
	width: 180px; position: absolute; height: 160px ;
	text-align: center; font-size: .9em; font-weight: bold; 
	background: url(../images/imgF.PNG) center center no-repeat ;
	/*filter : alpha(opacity=50);*/
}

#fildariane { margin-left: 0 !important ; }


/** 
    *	Cadre de contenu
    *	-----------------------------------------------------------------------
    */
#cadre h2,#zone-centre h2 {
	color: #3d2e30 ; font: bold 1.5em "Arial", "Trebuchet MS",Helvetica,Tahoma,sans-serif ;
	background: url(../images/gros-titre.jpg) left bottom repeat-x ;
	margin: 5px 0 ; padding-bottom: 5px ;
}
/*#accueil h2 span { color: #f46d21 ;}*/
#cadre h3 { margin: 15px 0 0 3px ; font-size: 1.4em ;	color: #3d2e30 ; }
#cadre h4 { margin: 10px 0 3px 4px ; font-size: 1em ; color: #3d2e30 ; }
#cadre p { margin: 0 5px ; padding-bottom: 5px ;	line-height: 1.5em ; text-align: justify ; }
#cadre ul,#cadre dl,#cadre ol { margin: 10px 0 25px 25px ; }
#cadre ul li,#cadre dt { background: url(../images/puce2.jpg) left 3px no-repeat ; padding-left: 15px ; margin-top: 5px ; /*Pour IE : */ color: #3d2e30 ; }
#cadre ol { padding-left: 15px ; }
#cadre dt { font-weight: bold ; }
#cadre dd { padding-left: 15px ; }

span.soc { background: url(../images/puceSoc.gif) left bottom no-repeat ; color: #f46d21 ; padding: 0 0 10px 35px ; }
span.pro { background: url(../images/icones/icone_teexma.png) left bottom no-repeat ; color: #f46d21 ; padding: 0 0 10px 35px ; }
span.cli { background: url(../images/puceCli.gif) left bottom no-repeat ; color: #f46d21 ; padding: 0 0 10px 35px ; }
span.pre { background: url(../images/pucePre.gif) left bottom no-repeat ; color: #f46d21 ; padding: 0 0 10px 35px ; }


/** 
    *	Colonne gauche
    *	-----------------------------------------------------------------------
    */
#colonne h2 {
	padding: 0.1em 0 ;
	border: solid 1px #9CA3BE ;
	border-bottom: solid 2px #8D92A5 ;
	/*background: #f46d21 url(../images/fondbtn.jpg) left bottom repeat-x ;*/
	font: bold 1.1em "Arial", "Trebuchet MS",Helvetica,Tahoma,sans-serif ; color: #3d2e30 ;
	text-align: center ;
}
#colonne ul {	font-size: 0.9em ; }
#colonne h2 a { text-decoration: none ; color: #3d2e30 ; }

#actu,#partenaires,#search,#plus { 
	background: url(../images/fondcolg.jpg) ;
	margin-left: 20px ; padding-top: 2px ;
	width: 150px;
}

#ncontacter{ 
	background: url(../images/fondcolg.jpg) ;
	margin-left: 20px ; padding-top: 0px ;
}

/** bloc recherche */
#search p,#actu p {
	margin: 4px 2px 0 2px ; 
	text-align: center ;
	font-size: 0.9em ;
	line-height: 1.4em ;
}

/** bloc actu */
#actu ul { padding-bottom: 10px ; } 
#actu li {
	background: url(../images/puce.jpg) left 0 no-repeat ;
	padding-left: 15px ; margin: 10px 3px 0 3px ;
	font-weight: bold ;
}
#actu li a { font-weight: normal ; padding: 2px 0 5px 0 ;	}

/** bloc partenaires */
#partenaires { text-align: center ; }
#pub { margin: 10px auto ; width: 125px ; border: none ; height: 70px; border: 1px solid #CCC ; }

/** bloc en savoir plus */
#plus li { border-bottom: solid 1px #5E6A9B ;	margin: 0.5em 0.2em 0 0.2em ; }
#plus a { text-decoration: none; color: #3d2e30 ; display: block ; padding: 0.2em ; }
#plus a:hover { color: #3d2e30 ; background-color: #f46d21 ; }


/** 
    *	Menu du bas
    *	-----------------------------------------------------------------------
    */
#pied ul {
	margin: 0 13px 0 14px ; padding-top: 2px ;
	list-style : none ;	text-align: center ;
	width: 751px ;
	font: bold  1.0em  "Arial", Verdana,Trebuchet MS,Helvetica,Tahoma,sans-serif ; color: #3d2e30 ;
	border-top: solid 2px #3d2e30 ;
}

#pied li { display: inline ;}
#pied a { color: #3d2e30 }
#pied span { margin-left: 5px ; }
	

/** 
    *	Styles  esthétiques et visuels
    *	-----------------------------------------------------------------------
    */	
.alr { text-align: right !important ; }
.bassetti { font: normal 1.2em "Arial",verdana ; display: block ; font-weight: bold ; }
.bleuF { color: #3d2e30 ; }
.bleuC { color: #3d2e30 ; }
.rouge { color: #3d2e30 ; }
.gras { font-weight: bold ; }
.orange { color: #f46d21; }
.marron { color: #3d2e30 ; }
.radio { background: none ; border: none ; }
.italique { font-style: italic ; }

/** 
    *	Mise en page formulaires
    *	-----------------------------------------------------------------------
    */	
.formulaire { padding: 20px 0 ; }
.formulaire  p { margin: 6px 30px 6px 0 ; clear: both ; }
.formulaire  p label { float: left ; width: 160px ; text-align: right ; }
.formulaire  ul { float: left ; margin: 0 0 6px 0 !important ; padding: 0 !important ;  }
.formulaire  li { background: none !important ; padding-left: 10px !important ; }
.formulaire  fieldset { border: none ; margin-top: 5px ; }
.formulaire p label + input, .formulaire  p label + textarea, .formulaire  p label+select { margin-left: 6px ; } 
.formulaire  label input  { background: none ; border: none ; } 
label.lbl { float: left ;	width: 160px ; text-align: right ; }


/** 
    *	Mise en page diverse
    *	-----------------------------------------------------------------------
    */	
.vignette {float: right ; padding: 5px 0 5px 10px ; }

.bref h2 { background: #3d2e30 ; color: #FFFFFF ; display: inline ; margin: 0 ; padding: 3px ; font: normal 1.2em "Arial",Verdana,Arial,sans-serif ; }
.bref h3 { margin: 3px 0 0 0 ; color: #f46d21 ; font: normal 1em "Arial",Verdana,Arial,sans-serif ; }
.bref p { padding: 5px 0 ; }
.bref { width: 95% ; background-color: #FFFFFF; border: dotted 1px #2C365C ; margin: 10px 0 ; padding: 0 10px 10px 10px ; font-size: 1.1em;}

p.tous {	text-align: right !important; }	
p.tous a { text-decoration: none ; border: solid 1px #3d2e30 ; background-color: #EEE ; padding: 5px ; }
p.tous a:hover { color: #2C365C ; border-color: #f46d21 ; }

.bloc h3 { border-bottom: 2px solid #D6D9E2 ; border-right: 2px solid #D6D9E2 ; padding: 0 5px 3px 0 ; font-size: 1.1em !important ; }
.bloc h4 { margin-top: 0 !important ; text-align: right ; font-size: 0.9em !important ; }
.bloc h4 span { background-color: #D6D9E2; padding: 2px 5px ; }

#plan dt span { border-left: 1px solid #CCC ; padding: 3px ;  }
#plan dt  { border-bottom: 1px solid #CCC ; background: none ; }
#plan dd { border-left: 1px solid #CCC ; background-color: #EEE ; padding: 0 10px ; margin-left: 15px ; }

/* Couleur de tout le texte contenu dans la balise <p></p> */
p { color: #3d2e30 }
.important { font-size: 1.2em ; }

/* Centrer les images */
.centre_img { text-align: left; margin-left:22px;}

img.centered {
   display: block;
   margin-left: auto;
   margin-right: auto;
   }

/* Texte clignotant de la page d'accueil */
span.clignote {color: #ff0909; text-decoration: blink;}

/* Permet que les images-liens ne soient pas soulignées pour un meilleur effet visuel */
a.nonSouligne {
border-style: none;
border: 0px;
text-decoration: none;
}

/* Type de curseurs */
.curseur{
cursor: default;
width:150px;
}

.curseurMain{
cursor: pointer;
}

/* Colonnes pour les témoignages Clients */
.colonneGauche
{
	width:250px;
	float:left;
	text-align:left;
	padding:10px;
}

.colonneDroite
{
	width:250px;
	float:left;
	padding:10px;
}

/* Met en exposant les petit "r"  */
span.exposant{
	vertical-align: super;
	color: #3d2e30;
}

/* Pour la liste des Clients Prestigieux */
.decal  {
	Padding-right: 80px;
	Padding-left : 30px
}

p.alignGauche{
	text-align: left ;
}

p.alignDroite{
	text-align: right ;
	Padding-left : 5px;
}

label {
display:block;
width:100px;
float:left;
}