/*
   new-wave.css
   ----------------------

   Par SpOols
   Fichier créé le 10/10/2007
*/

body 
{
	margin-left: auto;
	margin-right: auto;
	width: 955px;
	
	border:0px solid red;
}


a
{ color : #0033ff ; }
a:hover
{ color : #ff9900 ; }
a:visited 
{ color : #6600cc ; }

a img
{ border: 0; }

.lien-no-change-color-if-visited a
{ color : #0033ff ; }
.lien-no-change-color-if-visited a:hover
{ color : #ff9900 ; }
.lien-no-change-color-if-visited a:visited
{ color : #0033ff ; }

 /*    M I S E   E N   F O R M E   G E N E R A L E   */
.centre
{ text-align:center; }
.droite
{ text-align:right; }
.gauche
{ text-align:left; }
.gras
{ font-weight:bold; }
.gras-light
{ font-weight:bold;  color:#666666;}
.italique
{ font-style:italic; }
.fleche-orange
{
 color:#FB9700 ;
 font-weight: bold;
 font-size: 0.8em;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}
.signe-orange
{
 color:#FB9700 ;
 font-weight: bold;
 font-size: 1em;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* ----------------------------------------------- */




#entete
{
	padding-left:0px; 
	padding-top:0px; 
	
	width:955px;
	margin-left:auto;
	margin-right:auto;
	
	text-align:center;
	
	border:0px solid blue; 
}

#banniere
{
 width: 955px;
 height: 141px;
 
 background-image:url(images/design/cadre-photo.gif);
 background-repeat:no-repeat;

 text-align:center;
 margin:0px;
 padding-left:0px;
 padding-top:8px;
 
 
 border:0px solid #FF6703; 
}

#pied-de-page
{
 width: 955px;
 height: 24px;
 
 margin-top		: 10px ;
 padding-top	: 5px;
 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align: center;
 font-size: 0.7em;
 color:#1161A7;
 letter-spacing:0.1em;
 word-spacing:0.1em;
 
 /*
 border:1px solid #FF6703; 
*/
}


div#cadre-menu
{/* conteneur global et arrière-plan du titre du cadre */
 margin-top:5px;
 padding-top:6px;
 width: 955px;
 height:27px;
 background: url(images/design/cadre-contenu-haut.gif) top left no-repeat;

 font-family: Georgia, "Times New Roman", Times, serif ;
 text-align: center;
 font-size: 1em;
 color:#FB9700 ;
 letter-spacing:0.1em;
 word-spacing:0.4em;
 font-weight: bold;
 
 border:0px solid black; 
}
div#cadre-menu a
{
 color:#1161A7;
 text-decoration:none; 
}
div#cadre-menu a:hover
{
 color:#FB9700;
 text-decoration:none; 
}
div#cadre-menu a:active
{
 color:#FB9700;
 text-decoration:none; 
}
div#cadre-menu a:focus
{
 color:#FB9700;
 text-decoration:none; 
}

.cadre-menu-orange
{
 color:#FB9700 ;
}

#menu-selectionnee
{
border-bottom: 1px solid #FB9700 ;
}

#sous-menu-selectionnee
{
border-bottom: 1px solid #fdb952 ;
}

div#cadre-contenu
{/* arrière-plan bas et sur l'ensemble du cadre */
 background: url(images/design/cadre-contenu-bas.gif) bottom left no-repeat;
 padding-bottom: 5px;
 padding-left:30px;
 padding-right:30px;
 padding-top:10px;
 
 /*
 border:1px solid blue; 
 */
}

div#cadre-contenu p 
{
 margin: 0 30px 0 20px;
}

#cadre-contenu h3
{
 font-family: Helvetica, Arial, Verdana, sans-serif;
 text-align: left;
 font-size: 1em;
 color:#1161A7;
 letter-spacing:0.2em;
 word-spacing:0.2em;
 
 padding-bottom:0px;
 
 margin-bottom:5px;
 margin-top:5px;
 margin-left:0px;
 
 border-bottom: 0px solid #fdb952 ;
}

#fleche-menu
{
	position:absolute;
	z-index:200;
	
	margin-left:535px;
	margin-top:30px;
	
	display:none;
}
#fleche-sous-menu-creation
{
	position:absolute;
	z-index:201;
	
	margin-left:415px;
	margin-top:58px;
	
	display:none;
}
#fleche-sous-menu-publicite
{
	position:absolute;
	z-index:202;
	
	margin-left:630px;
	margin-top:58px;
	
	display:none;
}
/*            S   O   U   S         M   E   N   U           */

#the-sous-menu
{
position: absolute;
z-index: 100;

border:0px solid blue; 
}

div#cadre-sous-menu
{
 margin-top:0px;
 padding-top:6px;
 
 margin-left:150px;
 
 width: 766px;
 height:19px;
 background: url(images/design/cadre-contenu-sous-menu.gif) top left no-repeat;

 font-family: Georgia, "Times New Roman", Times, serif ;
 text-align: center;
 font-size: 0.7em;
 color:#FB9700 ;
 letter-spacing:0.1em;
 word-spacing:0.3em;
 font-weight: bold;
 
 /*
 border:1px solid #FF6703; 
*/

}
div#cadre-sous-menu a
{
 color:#1161A7;
 text-decoration:none; 
}
div#cadre-sous-menu a:hover
{
 color:#FB9700;
 text-decoration:none; 
}
div#cadre-sous-menu a:active
{
 color:#FB9700;
 text-decoration:none; 
}
div#cadre-sous-menu a:focus
{
 color:#FB9700;
 text-decoration:none; 
}

div#cadre-sous-menu-creation
{
 margin-top:0px;
 padding-top:9px;
 
 margin-left:250px;
 
 width: 393px;
 height:25px;
 background: url(images/design/cadre-contenu-sous-menu-cre.gif) top left no-repeat;

 font-family: Georgia, "Times New Roman", Times, serif ;
 text-align: center;
 font-size: 0.7em;
 color:#FB9700 ;
 letter-spacing:0.1em;
 word-spacing:0.3em;
 font-weight: bold;
 
 display:none;
 
 border:0px solid #FF6703; 
}
div#cadre-sous-menu-creation a
{
 color:#1161A7;
 text-decoration:none; 
}
div#cadre-sous-menu-creation a:hover
{
 color:#FB9700;
 text-decoration:none; 
}
div#cadre-sous-menu-creation a:active
{
 color:#FB9700;
 text-decoration:none; 
}
div#cadre-sous-menu-creation a:focus
{
 color:#FB9700;
 text-decoration:none; 
}

div#cadre-sous-menu-pub
{
 margin-top:0px;
 padding-top:9px;
 
 margin-left:445px;
 
 width: 422px;
 height:25px;
 background: url(images/design/cadre-contenu-sous-menu-pub.gif) top left no-repeat;
 
 font-family: Georgia, "Times New Roman", Times, serif ;
 text-align: center;
 font-size: 0.7em;
 color:#FB9700 ;
 letter-spacing:0.1em;
 word-spacing:0.3em;
 font-weight: bold;
 
 border:0px solid #FF6703; 
}
div#cadre-sous-menu-pub a
{
 color:#1161A7;
 text-decoration:none; 
}
div#cadre-sous-menu-pub a:hover
{
 color:#FB9700;
 text-decoration:none; 
}
div#cadre-sous-menu-pub a:active
{
 color:#FB9700;
 text-decoration:none; 
}
div#cadre-sous-menu-pub a:focus
{
 color:#FB9700;
 text-decoration:none; 
}



/*--------------------------------------------------------
                    F I R S T     I N D E X
-------------------------------------------------------*/
#index-first-contenu
{
	color:#000000 ;
	font-size: 0.9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left : 130px;
	line-height:14pt;
	padding-bottom:20px;
}

#index-first-espace
{
	margin-left: auto;
	margin-right: auto;
	
	height:260px;
	width :400px;
}


/*
    CREATION DE SITE INTERNET
*/

#creation-de-site-internet-cadre
{
	float: left;
	width: 200px;
}

#creation-de-site-internet-txt
{
	width : 180px;
	
	color:#000000 ;
	font-size: 0.9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	line-height:14pt;
	text-align:center;
	
	padding-bottom : 10px;
}
#creation-de-site-internet-img
{
	text-align:center;
	width : 180px;
	
	border:1px solid #6EA3C3;
	padding-top : 5px;
}

#creation-de-site-internet-txt2
{
	width : 180px;
	
	color:#000000 ;
	font-size: 0.9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	line-height:14pt;
	text-align:center;
	
	padding-top : 5px;
}



/*
     M A I N T E N A N C E      I N F O R M A T I Q U E
*/

#maintenance-informatique-cadre
{
	float : left;
	width : 200px;
}

#maintenance-informatique-cadre a
{
width : 300px;
}

#maintenance-informatique-img
{
	text-align:center;
	width : 180px;
	
	border:1px solid #6EA3C3;
	padding-top : 5px;
}
#maintenance-informatique-txt
{
	width : 180px;
	
	color:#000000 ;
	font-size: 0.9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	line-height:14pt;
	text-align:center;
	
	padding-bottom : 10px;
}

#maintenance-informatique-txt2
{
	width :	180px;
	
	color:#000000 ;
	font-size: 0.9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	line-height:14pt;
	text-align:center;
	
	padding-top : 5px;
}









/*    I N D E X
---------------------*/
#contenu-index
{
 /*
 float: left; 
 width: 410px;
 border-right: 1px solid #999999 ; 
  padding-left : 10px;
 width: 410px;
  */

 width: 600px;
 padding-left : 70px;
 
 
 margin-top : 10px;
 margin-bottom : 30px;
 margin-right:15px;
 
 padding-right : 15px;

 padding-top:20px;
 height:300px;
   
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.9em;
 color:#1161A7;
 letter-spacing:0.1em;
 word-spacing:0.1em;
 

}

#actualite-index
{
 height:275px;
 padding-top:10px;
}

#actualite-index-titre
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align: left;
 font-size: 0.7em;
 letter-spacing:0.1em;
 word-spacing:0.1em;
}
#actualite-index-titre a
{
color : #0033ff ;
}
#actualite-index-titre a:hover
{
 color : #ff9900 ;
}



#actualite-index-contenu
{
font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align: left;
 font-size: 0.8em;
 color:#1161A7;
 letter-spacing:0.1em;
 word-spacing:0.1em;
}






/*         S E R V I C E    I N T E R N E T
------------------------------------------------------*/

#service-internet-img
{
   float: left;
   width: 410px;

   padding-right : 25px;
   padding-left : 25px;
   padding-top:5px;
}

#service-internet-img-txt h1
{
 margin:0px;
 padding:0px;
 font-family: Helvetica, Verdana, Arial, sans-serif;
 text-align: center;
 font-size: 0.9em;
 color:#1161A7;
 letter-spacing:0.1em;
 word-spacing:0.1em;
 font-weight: bold;
 
 padding-top:60px;
 padding-bottom:40px;
}



/*         R E F E R E N C E S
------------------------------------------------------*/

.reference-img
{
 float: left;
 width: 150px;
 height:100px;
 
 padding-right  : 1px;
 padding-left   : 1px;
 padding-top    : 1px;
 padding-bottom : 1px;
 
 margin:0px;
 margin-right:20px;
 margin-top:10px;

 border: 0px solid #CCCCCC ;
 
 font-family : Verdana, Arial, Helvetica, sans-serif;
 text-align  : center ;
 font-size   : 0.9em ;
}

.reference-img-3
{
 float	: left;
 width	: 150px;
 height	: 130px;
 
 padding-right  : 1px;
 padding-left   : 1px;
 padding-top    : 1px;
 padding-bottom : 1px;
 
 margin			:0px;
 margin-right	:15px;
 margin-left	:15px;
 margin-top		:10px;
 margin-bottom	:15px;
 
 border : 1px solid #CCCCCC ;
 
 font-family : Helvetica, Arial, Verdana, sans-serif;
 text-align  : center ;
 font-size   : 0.9em ;
}

.reference-img-droite
{
 float:right;
 height:200px;
 width:300px;
 
 padding-right  : 1px;
 padding-left   : 1px;
 padding-top    : 1px;
 padding-bottom : 1px;
 
 margin:0px;
 margin-left:20px;
 margin-top:10px;
 
 border: 1px solid #CCCCCC ;
}

.reference-txt-2
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align: left;
 font-size: 0.8em;
 color:#333333;
 letter-spacing:0.0em;
 word-spacing:0.0em;
 margin-left:0px;
 
 margin-top:10px;
}
.reference-txt-3 a
{
color:#333333;
text-decoration:none; 
}
.reference-txt-3 a:hover
{
color:#FB9700;
}
.reference-txt-3 a:active
{
color:#FB9700;
}
.reference-txt-3 a:focus
{
color:#FB9700;
}



.reference-txt
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align: left;
 font-size: 0.8em;
 color:#333333;
 letter-spacing:0.0em;
 word-spacing:0.0em;
 margin-left:172px;
 
 margin-top:10px;
}
.reference-txt a
{
color:#333333;
text-decoration:none; 
}
.reference-txt a:hover
{
color:#FB9700;
}
.reference-txt a:active
{
color:#FB9700;
}
.reference-txt a:focus
{
color:#FB9700;
}

.reference-separation h2
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align: center;
 font-size: 1em;
 color:#333333;
 color: #1161a7;
 letter-spacing:0.3em;
 word-spacing:0.3em;
 height:1.3em;
 
 padding-bottom:0px;
 
 margin-bottom:20px;
 margin-top:20px;
 margin-left:0px;
 
 border-bottom: 2px solid #fdb952 ;
}

#reference-separation-espace-magic
{
margin-top:85px;
}

.reference-lien-bas
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align: center;
 font-size: 0.9em;
 color:#333333;
 
 letter-spacing:0.1em;
 word-spacing:0.1em;
 
 padding-top:30px;
 padding-bottom:25px;
}
.reference-lien-bas a
{
/*color:#333333;*/
color:#0033ff;
/* text-decoration:none;  */
}

.reference-lien-bas a:hover
{
color:#FB9700;
}
.reference-lien-bas a:active
{
color:#FB9700;
}
.reference-lien-bas a:focus
{
color:#FB9700;
}



div#cadre-menu a:hover
{
 color:#FB9700;
 text-decoration:none; 
}
div#cadre-menu a:active
{
 color:#FB9700;
 text-decoration:none; 
}
div#cadre-menu a:focus
{
 color:#FB9700;
 text-decoration:none; 
}




/*         C O N T A C T
------------------------------------------------------*/

#contact-google-map
{
 float: left;
 width: 500px;
 height:300px;
 
 padding-right  : 5px;
 padding-left   : 5px;
 padding-top    : 5px;
 padding-bottom : 5px;
 
 margin:0px;
 margin-right:20px;
 margin-top:10px;
 
 border: 1px solid #CCCCCC ;
 
  font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align: left;
 font-size: 0.8em;
 
 letter-spacing:0.1em;
 word-spacing:0.1em;
 
}

#contact-google-map strong
{
color:#375ea3;
font-size: 0.9em;
}

#contact-adresse
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align: left;
 font-size: 0.8em;
 color:#333333;
 letter-spacing:0.1em;
 word-spacing:0.1em;
 
 margin-left:172px;
 margin-top:10px;
 margin-bottom:80px;

}

#contactformulaire
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align: left;
 font-size: 0.8em;
 color:#333333;
 letter-spacing:0.1em;
 word-spacing:0.1em;
}

.contact-formulaire-td-1
{
width:150px;
text-align:right;
}
.contact-formulaire-td-2
{
width:440px;
text-align:left;
}

#contact-formulaire-petit-titre-img
{
 float: left;
 width: 100px;
 height:105px;
 
 padding-right  : 1px;
 padding-left   : 1px;
 padding-top    : 1px;
 padding-bottom : 1px;
 
 margin:0px;
 margin-right:20px;
 margin-top:10px;
}

#contact-formulaire-titre
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align: left;
 font-size: 0.8em;
 color:#333333;
 letter-spacing:0.1em;
 word-spacing:0em;
 
 padding-top : 40px ;
 padding-bottom : 20px ;
}

#contact-formulaire-titre a
{
 padding-top:20px; 
 color:#333333;
}

#contact-formulaire-titre a:hover
{
 color:#333333;
}

#contact-formulaire-titre-big
{
 font-size: 1.3em;
}

#contact-formulaire-petit-titre
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align: left;
 font-size: 0.8em;
 color:#333333;
 letter-spacing:0.1em;
 word-spacing:0.1em;
 
 padding-top : 0px ;
 padding-bottom : 20px ;
}

#contact-formulaire-textarea
{
 font-family: Georgia, "Times New Roman", Times, serif ;
 text-align: left;
 font-size: 0.8em;
 color:#333333;
 color:#FB9700 ;
 letter-spacing:0.1em;
 word-spacing:0.1em;
}

#contact-erreur-formulaire
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align: left;
 font-size: 0.8em;
 color:#fb6400;
 letter-spacing:0.1em;
 word-spacing:0.1em;
 
 padding-left : 20px ;
 padding-top : 0px ;
 padding-bottom : 20px ;
}

#contact-message-envoye
{
 padding-left : 50px ;
}
#contact-message-envoye-tiret
{
 float: left;
 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9em;
 color:#ffc670;
 

 padding-top 	: 0px ;
 padding-bottom	: 0px ;
}

#contact-formulaire-code-verif-input-1
{
 float			: left ;
 margin-right	: 10px;
  padding-top	: 12px;
}
#contact-formulaire-code-verif-input-2
{
 height				: 30px ; 
 
 padding-top		: 12px;
 padding-bottom		: 8px;
 
}

.contenu-texte-no-img
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align: left;
 font-size: 0.9em;
 color:#333333;
 letter-spacing:0em;
 word-spacing:0em;
 margin-left:20px;
 
 margin-top:10px;
}

.contenu-texte-no-img-actu-date
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align: left;
 font-size: 0.9em;
 color:#333333;
 letter-spacing:0em;
 word-spacing:0em;
 margin-left:0px;
 
 margin-top:10px;
}

.titre-lien h3
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align: left;
 font-size: 0.8em;
 color:#1161A7;
 letter-spacing:0.2em;
 word-spacing:0.2em;
 
 padding-bottom:0px;
 
 margin-bottom:20px;
 margin-top:20px;
 margin-left:0px;
 
 border-bottom: 1px solid #fdb952 ;
 
}

.contenu-titre h2
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align: left;
 font-size: 0.8em;
 color:#1161A7;
 letter-spacing:0.2em;
 word-spacing:0.2em;
 
 padding-bottom:0px;
 
 margin-bottom:20px;
 margin-top:20px;
 margin-left:0px;
 
 border-bottom: 1px solid #fdb952 ;
 
}

.contenu-titre h1
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align: left;
 font-size: 1em;
 color:#1161A7;
 letter-spacing:0.2em;
 word-spacing:0.2em;
 
 padding-bottom:0px;
 
 margin-bottom:20px;
 margin-top:20px;
 margin-left:0px;
 
 border-bottom: 1px solid #fdb952 ;
 
}

#contenu-image
{
 float : left ;
 margin-right:20px;
}


/*
	ACTUALITE
*/

.actualite_contenu_img
{
 float: left;
 width: 150px;
 height:115px;
 
 padding-right  : 1px;
 padding-left   : 1px;
 padding-top    : 1px;
 padding-bottom : 1px;
 
 margin:0px;
 margin-right:20px;
 margin-top:10px;
 
 border: 1px solid #CCCCCC ;
}