/* --------------------------------- ELEMENTS_DE_BASE --------------------------------- */
* {
	margin: 0;
	padding: 0;
}
body {
	margin-bottom: 30px;
	background: #00386f url('images/bg_ciel.jpg');
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center; 
	color: #333;
	font-family: sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
a {
	color: #06A;
}
a:hover {
	color: #036;
}
p {
	padding: 0.1em 0 0.8em;
}
h1 {
	font: bold 1.4em Georgia, serif;
	;
}
h2 {
	font: bold 1.2em Georgia, serif;
	;
}
blockquote {
	background: #fff url('images/citation.gif') no-repeat;
	border: 1px solid #EAEAEA;
	color: #555;
	display: block;
	margin-bottom: 1em;
	padding: 10px 1em 1em 42px;
}
img {
	border: none;
}
img.bordered {
	border: 1px solid #DDD;
	background: #FFF;
	padding: 5px;
}
.langue {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	font-size:8pt;
}
.langue:hover {
	color:#cc3333;
	text-decoration:underline;
}
.logiciels {
	background: #cc3333;
	color:#fff;
	text-decoration:none;
	font-size:9pt;
}
.temoignages {
	background: #dbd2c6;
	color:#333;
	text-decoration:none;
	font-size:9pt;
}
.left {
	float: left;
}
.right {
	float: right;
}
span.ico_parole {
	background: url('images/ico_parole.gif') no-repeat left center;
	padding-left: 18px;
}
/* --------------------------------- CADRE_DU_SITE --------------------------------- */
#cadre_wrapper {
	margin: 10px auto 0;
	width: 1000px;
}
#cadre_container {
	background: #FFF;
	padding: 0 0px;
}
#cadre_edgetop, #cadre_edgebottom {
	background: url('images/fond_cadre_b.png') no-repeat left top;
	display: block;
	height: 9px;
	font-size: 0;
	line-height: 0;
}
#cadre_edgebottom {
	background-position: left bottom;
}
/* --------------------------------- ENTETE_DU_SITE --------------------------------- */
#site_entete {
	background: #fff;
	padding: 0px 18px;
}
#entre_logo_menu {
	background: #cc3333;
	display: block;
	font-size: 0;
	height: 6px;
	line-height: 0;
}
#entre_logo_menu_folio {
	background: #A3B5C1;
	display: block;
	font-size: 0;
	height: 6px;
	line-height: 0;
}
#entre_logo_menu_equipe {
	background: #cc3333;
	display: block;
	font-size: 0;
	height: 0px;
	line-height: 0;
}
#entre_logo_menu_sitemap {
	background: #cc3333;
	display: block;
	font-size: 0;
	height: 6px;
	line-height: 0;
}
.clearer {
	clear: both;
	display: block;
	font-size: 0;
	line-height: 0;
}
.spacer {
	display: block;
	padding-top: 3px;
	font-size: 0;
	line-height: 0;
}
/* --------------------------------- BACKGROUND_MENU --------------------------------- */
#bg_menu_index {
	background: #cc3333 url('images/bg_menu_index.jpg') no-repeat left top;
	padding-top: 88px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
#bg_menu_folio {
	background: #A3B5C1;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
#bg_menu_clients {
	background: #cc3333 url('images/bg_menu_clients.jpg') no-repeat left top;
	padding-top: 88px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
#bg_menu_mentions {
	background: #025549 url('images/bg_menu_mentions.jpg') no-repeat left top;
	padding-top: 88px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
#bg_menu_equipe {
	background: #cc3333 url('images/bg_menu_equipe.jpg') no-repeat left top;
	padding-top: 88px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
#bg_menu_contact {
	background: #cc3333 url('images/bg_menu_contact.jpg') no-repeat left top;
	padding-top: 268px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
#bg_menu_sitemap {
	background: #cc3333;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
/* --------------------------------- MENU --------------------------------- */
#menu ul {
	margin: 0;
	padding: 0;
}
#menu li {
	display:inline;
	list-style:none;
}
#menu a {
	background: url("images/fond_menu_l.png") no-repeat left top;
	float: right;
	font: bold 0.9em sans-serif;
	margin-right: 3px;
	padding-left: 4px;
	text-decoration: none;
}
#menu a span {
	float: left;
	display: block;
	background: url("images/fond_menu_r.png") no-repeat right top;
	padding: 7px 12px 7px 8px;
	color: #000;
}
/* --------------------------------- MENU_REGLE_CACHEE_POUR_MAC_IE5 --------------------------------- */
#menu a span {
	float: none;
}
#menu a:hover span {
	color: #CC0000;
}
#menu a:hover {
	background-position: 0% -42px;
}
#menu a:hover span {
	background-position:100% -42px;
}
#menu li.menu_en_cours a {
	color: #47A;
	background-position: 0% -42px;
}
#menu li.menu_en_cours a span {
	background-position:100% -42px;
}
/* --------------------------------- CADRES_GAUCHE_DROITE --------------------------------- */
#cadre_l {
	width: 235px;
}
#cadre_l2 {
	width: 235px;
}
#cadre_r {
	width: 760px;
}
/* --------------------------------- BOITE_GAUCHE --------------------------------- */
.boite_l {
	margin-top: 0px;
	margin-left: 5px;
	margin-bottom: 5px;
}
.boite_l_tete {
	background: #c6d2db url('images/fond_boite_l_tete.png') no-repeat left top;
	padding: 8px 10px 8px;
	font-weight: bold;
	font-size: 0.9em;
	color: #505E69;
}
.boite_l_corps {
	background: #DAE3E9 url('images/fond_boite_l_corps.gif') repeat-x left top;
	padding: 8px 10px 1px;
	font-size: 0.8em;
}
.boite_l_corps_menu_services {
	background: #DAE3E9 url('images/fond_boite_l_corps.gif') repeat-x left top;
	padding: 8px 10px 1px;
	font-size: 0.9em;
	font-weight: bold;
}
.boite_l_pied {
	background: url('images/fond_boite_l_pied.gif') no-repeat left top;
	display: block;
	height: 5px;
	font-size: 0;
	line-height: 0;
}
.boite_l ul {
	margin-left: 0;
	border-bottom: 1px solid #E2ECF2;
}
.boite_l li:first-child {
	border-top: none;
}
.boite_l ul li {
	list-style: none;
	padding: 5px;
	border-top: 1px solid #E2ECF2;
	border-bottom: 1px solid #D0D8DE;
}
.boite_l ul a {
	text-decoration: none;
}
.boite_l ul a:hover {
	text-decoration: underline;
}
/* --------------------------------- BOITE_DROITE --------------------------------- */
.boite_r {
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	color: #444;
}
.boite_r li {
	list-style: inside;
	padding: 5px 3px 1px;
}
.boite_r_tete {
	background: #E8E8E8 url('images/fond_boite_r_tete.png') no-repeat left top;
	padding: 10px 10px 10px;
}
.boite_r_tete_large {
	background: #E8E8E8;
	padding: 10px 10px 10px;
}
.boite_r_tete h1 {
	font: bold 1.4em Georgia, serif;
}
.boite_r_tete h1 a {
	color: #444;
}
.boite_r_tete h1 a:hover {
	color: #469;
	text-decoration: underline;
}
.boite_r_tete h1.left {
	width: 380px
}
.boite_r_corps {
	background: #F5F5F5 url('images/fond_boite_r_corps.gif') repeat-x left top;
	padding: 10px 10px 1px;
}
.boite_r_corps img {
	border: 1px solid #CCC;
	background: #FFF;
	padding: 3px;
}
.boite_r_pied {
	background: url('images/fond_boite_r_pied.png') no-repeat left top;
	display: block;
	height: 5px;
	font-size: 0;
	line-height: 0;
}
.boite_r_pied_large {
	display: block;
	height: 5px;
	font-size: 0;
	line-height: 0;
}
/* --------------------------------- PIED_DU_SITE --------------------------------- */
#cadre_pied {
	background: #CC3333 url('images/fond_cadre_t.png') no-repeat;
	margin-left: 5px;
	margin-right: 5px;
	padding: 8px 12px 2px;
	font-size: 0.85em;
	color: #FAFCFF;
}
#cadre_pied .right {
	color: #C8DBE8;
}
#cadre_pied .right a {
	color: #FFF;
	text-decoration: none;
}
#cadre_pied .right a:hover {
	color: #FFE;
	text-decoration: underline;
}
/* --------------------------------- FIN --------------------------------- */