/*Vert :339999*/



@charset "UTF-8";
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #CDC0AA;
}


p{margin-bottom:10px;}


*{margin:0; padding:0;}

a:focus {outline:0; border:none;} 

a img {border:none;}

ul li{list-style-type:none;}

.spip_documents_right{margin:0 0 10px 10px}
.spip_documents_left{margin:0 10px 10px 0}


#conteneur {width: 948px; margin: 0 auto;}


#header {width: 100%; overflow: hidden; }
#logo {float: left; width: 242px;}

a{color:black;}
a:hover{color:#339999;}

/*Home----------------------------------------------------------------*/

#homepage{margin-top:-13px;}
#accueil #conteneur {
	background-image:url(images/bg-home.png);
	background-repeat:no-repeat;
	height:760px;
        background-position:40px 15px;
}



#accueil #edito
{
position:relative;
top:0px; left:400px;
width:461px;
color:#9E8553;
font-size:13px;
padding:0 10px;
background-color:black;

-webkit-box-shadow: #564a33 5px 5px 35px;
  -moz-box-shadow: #564a33 5px 5px 35px;
   box-shadow: #564a33 5px 5px 35px;
}

#accueil #edito h1{position:relative; top:15px; left:140px;

color:#339999;
	font-size:17px;
	padding:0px 0px 0 25px;
	display:block;
text-transform:uppercase;
background-image:url(images/bulleth1b.gif); background-repeat:no-repeat;
}


#filettableau{position:relative; top:0; left:520px; width:223px;}


#accueil #edito a{font-style:normal; color:#339999; font-weight:bold; text-decoration:none;}

#textehome{margin:30px  50px 0 400px; font-size:14px; line-height:20px;}

/*3colonnes-references----------------------------------------------------------------*/


#page {width:908px; overflow: hidden;  
-webkit-box-shadow:#9e8d6c 15px 15px 18px;
  -moz-box-shadow: #9e8d6c 15px 15px 18px;
   box-shadow:#9e8d6c 15px 15px 18px;
margin-top: 48px;
background-color:white;
}


/*
Colonne de gauche
<ul class="menu-liste menu-items">
	<li class="menu-entree item on rub11">
		<a href="spip.php?rubrique11" title="Valrhona">Valrhona</a>
	</li>
	<li class="menu-entree item rub10">
		<a href="spip.php?rubrique10" title="Savoie Mont Blanc">Savoie Mont Blanc</a>
	</li>
</ul>
*/
#colleft { 
	float: left; 
	width: 164px; 
	border-right:4px solid #CDC0AA; 
	background-image:url(images/fondcolgauche.png); 
	padding:46px 0 0 28px; 
	background-color:#FFF; 
	background-repeat:no-repeat; 
	min-height:256px;  
	background-color:#FFF;
}
#colleft ul li a { 
	color:#9E8553; 
	text-decoration:none; 
	width:140px; 
	display:block; 
	padding: 1px 3px; 
	margin:5px 0
}

#colleft ul li a:hover {
	color:#339999; 
	font-weight:bold;
}
#colleft ul li.on a { 
	color:#fff; 
	font-weight:normal; 
	background: #339999; 
	background: -moz-linear-gradient(left, #339999 0%, #33CCCC 100%); 
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#339999), color-stop(100%,#33CCCC));
}

#colright { float: left; width: 117px; padding:20px 10px 10px 10px; color:#58595B; font-size:11px; }


/* -------- blockquote ------- */
#colleft blockquote{	
	font-size:10px;  
	margin-top:20px; 
	font-style:italic; 
	margin-right:20px;}


#colright blockquote h3{}
#colright blockquote a{text-decoration:none; color:#58595B;}
#colright blockquote a:hover{text-decoration:underline; color:black;}
#colright blockquote{
margin-top:20px;
font-style:italic;
font-size:10px;}


#contenu blockquote h3 {}
#contenu blockquote a {text-decoration:none; color:#58595B; }
#contenu blockquote a:hover {text-decoration:underline; color:black; }
#contenu blockquote { color: #339999; }

/* -------- liste des articles ------- */
.listearticles { 
	margin-top: 18px;
}
#colleft .listearticles { 
	margin-top: 0px;
	margin-bottom: 20px;
}
.listearticles ul li a { 
	color:#9E8553; 
	display:block; 
	padding: 1px 3px; 
	margin:5px 0;
}
#colleft .listearticles ul li a, .listearticles ul li a { 
	text-decoration: underline; 
}
.listearticles ul li a:hover {
	color:#339999; 
	font-weight:bold;
	text-decoration:none; 
}
#colleft .listearticles ul li a:hover, .listearticles ul li a:hover {
	text-decoration:none; 
}
#colleft .listearticles ul li a.on, .listearticles ul li a.on { 
	color:#fff; 
	font-weight:normal; 
	background: #339999; 
	background: -moz-linear-gradient(left, #339999 0%, #33CCCC 100%); 
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#339999), color-stop(100%,#33CCCC));
}
#colleft .listearticles ul li a.on, .listearticles ul li a.on { 
	text-decoration:none; 
}

#contenu { margin-left: 335px; width:533px; padding:20px;}

#contenu a{text-decoration:none;}
#contenu a:hover{text-decoration:underline;}


#contenularge, #contenularge-nez { margin-left: 197px; padding:20px;}
#contenularge-contact { margin-left: 197px; width:713px; padding:20px;}





#contenu h3, #contenu h1, #troiscolonnes h3, #contenularge h3, #contenularge-parcours h1, #contenularge-nez h1 {
	color:#339999;
	font-size:17px;
	padding:0px 0px 3px 25px;
	margin-bottom:10px;
	display:block;
        text-transform:uppercase;
        background-image:url(images/bulleth1.gif);
        background-repeat:no-repeat;
}

#contenularge-parcours{ margin-left: 197px;   width:713px; padding:20px; line-height:17px;

background-image:url(images/arbrefond.jpg); background-repeat:no-repeat; background-position:bottom;


}
#contenularge-parcours h3, #contenularge-nez h3 {color:#339999; font-size:14px; line-height:22px;}
#contenularge-nez hr {margin-top: 8px;}

p+h3{margin-top:20px}
#troiscols{background-image:url(images/tilecentre3col.jpg); background-repeat:repeat-y; 

}

#un-marron-troiscols{overflow: hidden; background-image:url(images/1marron-tilecentre3col.jpg); background-repeat:repeat-y;}
#un-marron-deuxcols{overflow: hidden; background-image:url(images/1marron-tilecentre2col.jpg); background-repeat:repeat-y;}

#un-marron-troiscols #colleft, #un-marron-deuxcols #colleft{ background-image:url(images/1marron-fondcolgauche.png);  background-color:#f0ece0;}
#trois-marron-troiscols{overflow: hidden; background-image:url(images/3marron-tilecentre2col.jpg); background-repeat:repeat-y;}
#trois-marron-troiscols #colleft, #un-marron-deuxcols #colleft{ background-image:url(images/3marron-fondcolgauche.png);  background-color:#f0ece0;}

#un-marron-deuxcols #colleft{padding-right:20px; width:144px; font-size:11px;}


.illustr a img {margin:5px; border:solid white 2px;}

.illustr{margin-top:28px;}

.illustr a:hover img  {border:solid #bbb 2px;}
.illustr a.on img  {border:solid #339999 2px;}




/*--------------------------------------------------------------
Le menu principal

#nav {float: left; width: 664px; border:1px #f3efea solid; margin-top:45px;
}


#nav ul li span{position:absolute; top:-100px; display:none;}
#nav ul li { float: left; list-style-type: none;	 }
#nav ul {background: url(images/menu.gif) top left no-repeat; width:664px; height:70px; list-style-type: none;}


#nav li {float:left}
#nav li a { display: block; font-size: 1px; text-decoration: none; height:35px;}

#nav li a:hover, #nav li.on a {color: #fff; background: transparent url(images/menu.gif) top left no-repeat;}

#nav a#Home{width:664px;}
#nav a#Home:hover {background-position: 0 -71px ;}
#nav a#Home {background-position: 0 -71px ;}

#nav a#References{width:130px;}
#nav a#References:hover { background-position: 0px -106px;}
#nav li.on a#References { background-position: 0px -106px;}


#nav a#Activites{width:107px;}
#nav a#Activites:hover { background-position: -130px -106px;}
#nav li.on a#Activites { background-position: -130px -106px;}


#nav a#Illustrations{width:107px;}
#nav a#Illustrations:hover {background-position: -237px -106px;}
#nav li.on a#Illustrations{background-position: -237px -106px;}


#nav a#Valeurs{width:106px;}
#nav a#Valeurs:hover {background-position: -344px -106px;}
#nav li.on a#Valeurs {background-position: -344px -106px;}

#nav a#Parcours{width:106px;}
#nav a#Parcours:hover {background-position: -450px -106px;}
#nav li.on a#Parcours {background-position: -450px -106px;}

#nav a#Contact{width:106px;}
#nav a#Contact:hover {background-position: -556px -106px;}
#nav li.on a#Contact {background-position: -556px -106px;}
----------------------------------------------------------------*/

/*--------------------------------------------------------------
Le menu principal - Menu 1 & 2 haut
HTML :
<div id="menu2haut">
	<ul class="menu-liste menu-items">
		<li class="menu-entree item first">
			<a href="spip.php?article32" title="Compˇtences">Compˇtences</a>
		</li>
		<li class="menu-entree item on">
			<a href="spip.php?article15" title="Rˇfˇrences">Rˇfˇrences</a>
		</li>
		<li class="menu-entree item">
			<a href="spip.php?article8" title="Illustrations">Illustrations</a>
		</li>
		<li class="menu-entree item">
			<a href="spip.php?article9" title="Mˇthodologie">Mˇthodologie</a>
		</li>
		<li class="menu-entree item last">
			<a href="spip.php?article47" title="Parcours">Parcours</a>
		</li>
	</ul>
</div>
----------------------------------------------------------------*/
#zonemenuhaut { 
	float: left; 
	width: 664px; 
	border:1px #f3efea solid; 
	margin-top:45px; 
	padding-top: 10px;
}
.leftbeforemenu { 
	float: left; 
	width: 24px; 
	height:28px; 
	background: transparent url(images/leftbeforemenu.gif) top left no-repeat;
}
#menu2haut, #menu1haut { 
	float: left; 
	width: 664px; 
	margin: 1px 0px 2px 0px; 
}
#menu2haut ul, #menu1haut ul { 
	width:664px; 
	height:28px; 
	list-style-type: none;
}
#menu2haut ul li, #menu1haut ul li { 
	float: left; 
	list-style-type: none; 
	background: transparent url(images/menuitem.gif) top left no-repeat;
}
#menu2haut ul li.last, #menu1haut ul li.last { 
	background: transparent url(images/menuitemlast.gif) top left no-repeat;
}
#menu2haut ul li a, #menu1haut ul li a { 
	display: block; 
	font-size: 12px; 
	text-decoration: none; 
	width:95px; 
	height:26px; 
	color: #fff; 
	padding: 2px 0px 0px 12px; 
}
#menu2haut ul li a:hover, #menu2haut ul li.on a, #menu1haut ul li a:hover, #menu1haut ul li.on a {
	color: #fff; 
	background: transparent url(images/menuitem-hover.gif) top left no-repeat;
}
#menu2haut ul li.last.on a, #menu1haut ul li.last.on a, #menu2haut ul li.last a:hover, #menu1haut ul li.last a:hover {
	background: transparent url(images/menuitemlast-hover.gif) top left no-repeat;
	padding-left: 10px;
}
#menu1haut {  
	background: transparent url(images/fondmenu1haut.gif) center center no-repeat; 
}

#menu2haut ul li.last a, #menu2haut ul li.last.on a, #menu1haut ul li.last.on a, #menu2haut ul li.last a:hover, #menu1haut ul li.last a:hover {
	padding-left: 10px;
}

/*--------------------------------------------------------------
Navigation navjobs

.navjobs{ overflow: hidden; padding: 8px 0 0 8px; width:705px;  margin:0px;  margin-left:195px; margin-top:37px; font-style:italic; font-weight:bold;
background-image:url(images/tilemenu.gif);}
.navjobs a{  
    border-top: 1px solid #cdc0aa;  
    border-right: 1px solid #cdc0aa;
    border-bottom:1px solid #b5a481;
    background-color: #F2EDE7;
    color:#b5a481;

   -webkit-border-top-right-radius: 15px;
   -moz-border-radius-topright: 15px;
   border-top-right-radius: 15px;

   -webkit-box-shadow: #806d45 8px 10px 500px;
   -moz-box-shadow: #806d45 5px 5px 8px;
   box-shadow: #806d45 8px 10px 5px;

  
   text-decoration: none;
   vertical-align: middle; display: block; float:left; height:14px; padding: 2px 12px; text-decoration: none; margin-right: 8px;
   }




.navjobs a:hover { color:#399;   background-color: #fff;}

.navjobs a.on{
    color:#fff;
    border-top: 1px solid #fff;  
    border-right: 1px solid #fff;
    background: #339999; 
    background: -moz-linear-gradient(bottom, #339999 0%, #33CCCC 100%); 
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#339999), color-stop(100%,#33CCCC));
border-bottom:1px solid #fff;
}

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


#footer {width: 948px; margin: 0 auto; font-size:9px; padding:20px 0 ;}
#footer a{color:#bea67f;}



/*--------------------------------------------------------------
PAGE CONTACT

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



#contactform{width:320px; }
#contactplan {width:200px; float:right; margin: 20px 173px 50px 0; color:#339999; font-weight:bold;}
#contactaddress {width:200px; margin: 4px 8px 4px 0px; color:#339999; font-weight:bold;}

small a{color:#339999; }


legend{Font-weight:bold; color:#339999; font-size:16px; display:block; padding-bottom:15px;}
label{margin-bottom:5px;}

fieldset{border:none; margin:0; padding:0;}
fieldset label{display:block;}

label strong{display:none;}
input{width:300px; margin-bottom:15px;}

textarea{width:300px; margin-bottom:20px;}

input{width:150px;}

#pagecv p{margin-bottom:15px;}
#pagecv h3{margin-bottom:7px;}

#pagecv hr{width:650px; margin-bottom:10px; color:#eee; background-color:#eee; border:0; height:1px;}
#pagecv #colleft p {
	text-align: center;
}

.formulaire_newsletter label {
	margin-right: 6px;
}
.formulaire_newsletter input.email {
	font-size: 13px;
	width: 176px;
	height: 14px;
}
.formulaire_newsletter input.submit {
	font-size: 13px;
	width: 220px;
	cursor: pointer;
	color: #ffffff;
	padding: 3px 8px;
	background: -moz-linear-gradient(
		top,
		#cdc0aa 0%,
		#cdc0aa);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#cdc0aa),
		to(#cdc0aa));
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid #e9e3d8;
	-moz-box-shadow:
		3px 3px 4px rgba(000,000,000,0.2),
		inset 0px 0px 1px rgba(255,255,255,0.6);
	-webkit-box-shadow:
		3px 3px 4px rgba(000,000,000,0.2),
		inset 0px 0px 1px rgba(255,255,255,0.6);
	box-shadow:
		3px 3px 4px rgba(000,000,000,0.2),
		inset 0px 0px 1px rgba(255,255,255,0.6);
	text-shadow:
		0px 0px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0);
}
	

#prez-rubrique-nez {
	font-weight: bold;
	font-size: 14px;	
}
.blue-evidence {
	color: #339999;
}
#submenu hr {
width: 650px;
margin-bottom: 10px;
color: #eee;
background-color: #eee;
border: 0;
height: 1px;
}