/* ______________|  General  |______________ */

html 	{
	padding:		0;
	margin: 		0;
	}

* 	{
	padding:		0;
	margin: 		0;
	}


body	{
  	background-color:	#A7A495; /*#b7b6a6;*/
  	font-family:		Arial, Helvetica, sans-serif;
  	font-size:		small;
	padding:		0;
	margin:			0;
	}


#allcontent {
  	width:			768px;
  	padding-top:		20px;
  	padding-bottom:		0px;
  	margin-left:		auto;
  	margin-right:		auto;
	margin-bottom:		0px;
  	
	background-color:	#A7A495; /*#b7b6a6;*/
	}





/* _____________|  Texte  |________________ */

p 	{
	font-family:		Arial, Helvetica, sans-serif;
	font-size:		100%;
	font-style:		normal;
	font-weight:		normal;
	}


h1 	{
	font-family:		Arial, Helvetica, sans-serif;
	font-size:		115%;
	color:			#FFF;
	font-weight:		bold;

	padding:		0 0 0px 0;
	}



h2 	{
	font-family:		Arial, Helvetica, sans-serif;
	font-size:		105%;
	color:			#dee1d1;
	font-weight:		bold;
	padding:		0;
	}



h3 	{
	font-family:		Arial, Helvetica, sans-serif;
	font-size:		115%;
	color:			#3f3c37;
	font-weight:		bold;

	padding:		0 0 10px 0;
	}







/* _____________|  Liens  |________________ */

a:link, a:active {
	text-decoration:	none;
	color:			#FFF; 
	border-width:		0;
	}

a:visited {
	text-decoration:	none;
	color:			#FFF;
	}

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

a img 	
	{
	border:			0;
	}





/* ___________|  Navigation secondaire  |______________ */



#sousmenu
	{  
	float:			left;
	margin:			15px 0 0 2px;
	width:			160px;
	}

ul#smenu {
  
  	white-space:		nowrap;
	margin:			0;
  	letter-spacing:		0.1em;
  	font-size: 		75%;
  	background-color:	#5b5853;
	}

#smenu li {
  	list-style-type:	none;
 	border-style:		solid;
 	border-width:		2px 2px 0 2px;
  	border-color:		#eff2e1;
	margin-left:		0;
 	padding:		5px 0 5px 10px; /*inscrire 5px a la fin si on veut une marge sur le lien selectionne*/
	}

#smenu a:link, #smenu a:visited {

  	color:			#eff2e1;
  	font-weight:		normal;
	/*background-color:	red; #e8b120*/
 	text-decoration:	none;
  	font-weight:		bold;
 	padding:		8px 0 6px 0px;
  	letter-spacing:		0.1em;
	margin:			0;
	}

#smenu a:hover, #smenu a:active {
  	color:			#e8b120;
	padding:		5px 40px 5px 25px;
	margin:			0 0 0 -25px;
	}

.encourssm {
  	color:			#3f3c37;
  	font-weight:		bold;
	background-color:	#e8b120;
 	text-decoration:	none;
  	font-weight:		bold;
  	letter-spacing:		0.1em;
	margin:			0px;
	}

.blogmenu {
 	border-style:		solid;
 	border-width:		0 0 0 1px;
  	border-color:		#6a6458;
	margin:			2px;
	padding:		0 0 0 5px;
	}


/* ___________|  Navigation principale  |______________ */


#navcontainer {
  
	float:			left;
  	margin:			-3px 0 0 213px;
	padding:			0px 3px 5px 0;
  	background-color:		#eff2e1;
	width:			549px;
	height:			44px;
	}

ul#menu {  
  	margin:			28px 0 0 0;
  	white-space:		nowrap;
	}

#menu li{
  	display:		inline;
  	list-style-type:	none;
	}

#menu a:link, #menu a:visited {
  	color:			#3f3c37;
  	font-weight:		normal;

	font-size:		85%;
  	background-color:	#eff2e1;
 	text-decoration:	none;
  	letter-spacing:		0em;   
	padding:		30px 7px 3px 6px;
 
 	border-style:		solid;
 	border-width:		0 2px 2px 2px;
  	border-color:		#eff2e1;
	}


#menu a:hover, #menu a:active {
	background-color:	#e8b120;
/*	margin:			0 -6px 0 -2px; */ on le met si on veut 2 pixels entre les boites orange, mais ca fait sauter le menu
	}

.encours {

  	color:			#3f3c37; /*couleur du texte*/
  	font-weight:		bold;
	font-size:			85%;
	background-color:		#e8b120;
 	text-decoration:		none;
  	letter-spacing:		0em;   
 	padding:			30px 11px 3px 10px;
 	border-style:		solid;
 	border-width:		0 2px 2px 2px;
  	border-color:		#eff2e1;
	}



.encouravantages {

  	color:			#3f3c37;
  	font-weight:		bold;
	font-size:			85%;
	background-color:		#e8b120;
 	text-decoration:		none;
  	letter-spacing:		0em;   
 	padding:			29px 0px 3px 7px; 
 	border-style:		solid;
 	border-width:		0 2px 2px 2px;
  	border-color:		#eff2e1;
	}

.encourcoor {

  	color:			#3f3c37;
  	font-weight:		bold;
	font-size:			85%;
	background-color:		#e8b120;
 	text-decoration:		none;
  	letter-spacing:		0em;   
 	padding:			29px 0px 3px 10px;
 	border-style:		solid;
 	border-width:		0 2px 2px 2px;
  	border-color:		#eff2e1;
	}

.encourter {

  	color:			#3f3c37;
  	font-weight:		bold;
	font-size:			85%;
	background-color:		#e8b120;
 	text-decoration:		none;
  	letter-spacing:		0em;   

 	padding:			29px 0px 3px 9px;
 	border-style:		solid;
 	border-width:		0 2px 2px 2px;
  	border-color:		#eff2e1;
	}		



/* _____________|  Class  |______________*/


.adresse  {
  	margin:			33px 0 0 90px;
	line-height:		1.3em;
  	font-size: 		95%;
  	letter-spacing:		0.1em;
	}



.boitetxt  {
  	border-style:		solid;
 	border-width:		2px 2px 2px 2px;
  	border-color:		#eff2e1;
	margin:			15px 0 0 51px;
	float:			left;
	width:			548px;
	height:			500px;
	}

.boitecoord  {
  	border-style:		solid;
 	border-width:		2px 2px 2px 2px;
  	border-color:		#eff2e1;
	margin:			15px 0 0 213px;
	float:			left;
	width:			548px;
	height:			432px;
	}



.avantageboitetxt  {

  	border-style:		solid;
 	border-width:		2px 2px 2px 2px;
  	border-color:		#eff2e1;
	line-height:		1.3em;
	margin:			15px 0 0 51px;
	float:			left;
	width:			548px;
	height:			600px;

	}

.pjournalboitetxt  {

  	border-style:		solid;
 	border-width:		2px 2px 2px 2px;
  	border-color:		#eff2e1;
	line-height:		1.3em;
	margin:			15px 0 0 51px;
	float:			left;
	width:			548px;

	height:			607px;

	}




.boiteterritoire  {

  	border-style:		solid;
 	border-width:		7px 1px 2px 2px;
  	border-color:		#eff2e1;

	margin:			15px 0 0 213px;

	float:			left;

	width:			238px;

	height:			284px;

	padding:		15px;

	background:		#97978d;

	color:			#FFF;

	font-size:		95%;

	}



.territoiretxt  {
 
 	border-style:		solid;
 	border-width:		7px 2px 2px 1px;
  	border-color:		#eff2e1;

	margin:			15px 0 0 0;

	float:			left;

	width:			278px;

	height:			314px;

  	background-image:	url(images/territoire_couvert.gif);

	color:			#4b4b4b;

	}



.tariftxt  {
	color:			#FFF;
	padding:			20px 0 10px 15px;
	background-color:		#000;
  	background-image:		url(images/tarif_bkg.jpg);
	height:			461px;
  	font-size: 			90%;
	}

.extratxt  {
	color:			#FFF;
	padding:			20px 45px 10px 15px;
	background-color:		#000;
  	background-image:		url(images/tarif_fond_3b.jpg);
	height:			461px;
  	font-size: 			90%;
	}


.paiementtxt  {
	color:			#FFF;
	padding:		20px 45px 10px 15px;
	background-color:	#000;
  	background-image:	url(images/tarif_fond_5.jpg);
	height:			461px;
  	font-size: 		90%;
	}



.avantagetxt  {
	color:			#FFF;
	padding:			20px 45px 10px 15px;
	background-color:		#000;
  	background-image:		url(images/pourquoi_image_fond3.jpg);
	height:			561px;
  	font-size: 			90%;
	}

.pjournaltxt  {
	color:			#FFF;
	padding:			20px 45px 10px 15px;
	background-color:		#000;
  	background-image:		url(images/pourquoi_image_fond4.gif);
	height:			561px;
  	font-size: 			90%;
	}


.coordtxt  {

	color:			#000;
	padding:		20px 0 10px 15px;
	background-color:	#b7b6a6;
  	font-size: 		85%;
  	border-style:		solid;
 	border-width:		2px 0 0 0;
  	border-color:		#eff2e1;
  	font-size: 		90%;
	}

.boiteportfolio  {

	margin:			15px 0 0 5px;
	float:			left;
	}


/* _____________|  Id  |______________*/


#gauche {

	float:			left;
	}

#gauchecoord {
	float:			left;
	margin:			-60px 0 0 205px;
	}

#langue {
  	width:			48px;
	color:			#5b5853;
	font-size:		80%;
  	background:		#b1b2aa;
  	padding:		4px 0 2px 5px;
	margin:			29px 0 0 0px;
 	border-style:		solid;
  	border-width:		1px 1px 2px 1px;
  	border-color:		#eff2e1;
	float:			left;
	text-decoration:	none;
	}

#langue a:link
	{
	text-decoration:	none;
	}

#langue a:visited {
	color:			#5b5853;
  	background:		#b1b2aa;
	text-decoration:	none;
	}

#langue a:hover, #langue a:active {
  	color:			#5b5853;
  	background:		#e8b120;
	text-decoration:	none;
  	padding:		4px 15px 2px 3px;
	margin:			0 0 0 -4px;
	}



#languefr {
  	width:			48px;
	color:			#5b5853;
	font-size:			80%;
  	background:			#b1b2aa;
  	padding:			4px 0 2px 5px;
	margin:			29px 0 0 0px;
 	border-style:		solid;
  	border-width:		1px 1px 2px 1px;
  	border-color:		#eff2e1;
	float:			left;
	text-decoration:		none;
	}

#languefr a:link
	{
	text-decoration:	none;
	}



#languefr a:visited {
	color:			#5b5853;
  	background:		#b1b2aa;
	text-decoration:	none;
	}

#languefr a:hover, #languefr a:active {
  	color:			#5b5853;
  	background:			#e8b120;
	text-decoration:		none;
  	padding:			4px 5px 2px 6px;
	margin:			0 0 0 -5px;
	}



#photoaccueil {
	float:			left;
	margin:			15px 0 0 3px;
	padding:		0;
 	border-style:		solid;
  	border-width:		2px;
  	border-color:		#eff2e1;
	height:			586px;
	}

#contenuhaut {

	margin:			0;
	padding:		0;
	background-color:	#eff2e1;
 	color:			#eff2e1;
	font-size:		80%;
	height:			5px;
	padding:		3px 0 1px 3px;
 	font-weight:		bold;
 	letter-spacing:		0.2em;
	}



#coordimage {

	margin:			0;

	padding:		0;

	color:			#CCC;

	height:			279px;

 	border-style:		solid;
  	border-width:		5px 0 0 0;
  	border-color:		#eff2e1;

	background-color:	#000;

  	background-image:	url(images/coord_photo.jpg);
	}



#listetxt {  
  	margin:			0 0 0 15px;

	padding:		15px;

	color:			#FFF;

	width:			500px;

	line-height:		1.5em;  
	}




#baspage {

	float:			left;
	margin:			20px 0 20px 3px;
	padding:		5px 10px 5px 0;
 	border-style:		solid;
  	border-width:		2px;
  	border-color:		#eff2e1;
  	background:		#5b5853;
	width:			705px;
	font-size:		70%;
	color:			#eff2e1;
	text-align:		right;
  	letter-spacing:		0.2em;
	line-height:		1.5em;  
	}

#baspagecoord {

	float:			left;
	margin:			20px 0 20px 212px;
	padding:		5px 10px 5px 0;
 	border-style:		solid;
  	border-width:		2px;
  	border-color:		#eff2e1;
 	background:		#5b5853;
	width:			498px;
	font-size:		70%;
	color:			#eff2e1;
	text-align:		right;
	letter-spacing:		0.4em;
	line-height:		1.5em;  
	}



#carreorange {

	float:			left;
	margin:			20px 0 20px 0;

	padding:		0;

 	border-style:		solid;
  	border-width:		2px 2px 2px 0;
  	border-color:		#eff2e1;

  	background:		#e8b120;

  	color:			#e8b120;

	height:			38px;

	width:			38px;
	}



#carreorangesmenu {

	float:			left;

	margin:			2px 0 0 2px;

	padding:		0;

  	background:		#e8b120;

  	color:			#e8b120;

	height:			23px;

	width:			23px;
	}



#imagesm {

	margin:			0;

	padding:		0;
 
	border-style:		solid;
  	border-width:		2px;
  	border-color:		#eff2e1;

  	background-image:	url(images/bkg_smenu.png);

	width:			156px;

	color:			#97978d;
	}
































































/* 
<div id="carreorangesmenu"><p>.</p></div>
*/

/*
ul#smenu {  
	padding:		0;
  	white-space:		nowrap;
  	background-color:	#5b5853;
	}


#smenu li {
  	list-style-type:	none;
	margin:			0;
 	padding:		5px 0 5px 25px;

  	letter-spacing:		0.1em;

  	font-size: 		75%;

 	border-style:		solid;
 	border-width:		2px 2px 0 2px;
  	border-color:		#eff2e1;
	}

#smenu a:link, #smenu a:visited {
  	color:			#FFF;
 	text-decoration:	none;  
	}

#smenu a:active {
  	color:			#3f3c37;

	background-color:	#eff2e1;
	}

#smenu li a:hover{
  	list-style-type:	none;
	margin:			0;
 	padding:		5px 0 5px 25px;

  	color:			#3f3c37;

	background-color:	#eff2e1;
	}


.encourssm {

  	color:			#3f3c37;

	background-color:	#eff2e1;
  	font-weight:		bold;
	}

*/