@charset "utf-8";
/* CSS Document */

/* RESET DEFAULT VALUES 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}*/
/* remember to define focus styles!
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
 */
 *{margin:0;padding:0;}
 ol, ul {list-style: none;}
 a img {border:none;}
/* Classes Utiles */
.border_none{border:none}
.center{text-align:center}
.clear_both{clear:both;}
.floatl{float:left}
.floatr{float:right}
.disnone{display:none;}

body{font-family:Verdana, Geneva, sans-serif;font-size:11px;color:#525050;}
.global {width:980px;background:url(images/fd_menu.gif) no-repeat 66px 300px;float:left;}


/* LEFT COL */
.global .lcol{width:187px; float:left; padding:42px 0 0 0; background:url(images/coin.gif) no-repeat right 25px}

.global .lcol dl.menu {float:left; padding:2px 2px 0 2px;background:#ebecec; width:165px;margin:0 0 0 10px !important; margin:0 0 0 5px; }
.global .lcol dl.menu dt{height:23px; width:165px; background:#4a3d58;float:left; text-align:center; margin:0 0 3px 0; position:relative}
.global .lcol dl.menu dt a{color:#FFF; text-decoration:none;line-height:19px;font-size:11px;}
.global .lcol dl.menu dt a:hover{text-decoration:underline}
.global .lcol dl.menu dd {float:left;width:165px;}
.global .lcol dl.menu dd ul{list-style:none;text-align:center;width:165px;display:none}
.global .lcol dl.menu dd ul li {float:left;width:165px;}
.global .lcol dl.menu dd ul li a.ssmenu{width:165px; height:23px; background:#c5c0c7; font-size:11px;display:block; line-height:19px; color:#FFF; margin:0 0 3px 0;}
.global .lcol dl.menu dd ul li a.ssmenu:hover{color:#4a3d58}
.global .lcol dl.menu dd ul li a {text-decoration:none; font-size:10px;margin:4px 0 6px 0;display:block; color:#4b3e5a; width:165px;position:relative;}
.global .lcol dl.menu dd ul li a:hover{text-decoration:underline}
.global .lcol dl.menu dd ul li em{color:#F00; font-style:normal;margin:4px 0 6px 0;display:block;position:relative; width:165px;font-size:10px;}
.global .lcol dl.menu dd ul#ssmenu_actif {display:block;}
.global .lcol dl.menu dd ul#ssmenu_actif li ul{display:block;}
.global .lcol dl.menu dd ul#ssmenu_actif li ul.hide{display:none;}
.global .lcol a.contact{color:#FFF; text-decoration:none;display:block; background-color:#e42322; float:left; padding:5px;margin:5px 0 0 10px !important; margin:5px 0 0 5px; }
.global .lcol a.contact:hover{background-color:#4a3d58; color:#c5c0c7}


/* MiDDLE COL */
.global .mcol{width:636px; float:left; padding:18px 0 0 0;}
.global .mcol a{color:#4a3d58; text-decoration:underline}
.global .mcol a:hover{color:#F00}
.global .mcol p.group {color:#F00;padding:0 0 21px 0;}
.global .mcol p.group a{}

.global .mcol h2{color:#3f3251; font-weight:bold; font-size:14px;margin:14px 0 14px 11px;text-transform:uppercase; clear:both}
.global .mcol h3{color:#928298; font-weight:bold; font-size:10px;margin:14px 0 8px 11px;text-transform:uppercase; clear:both}
.global .mcol p{margin:0 0 14px 11px; text-align:justify}
.global .mcol .right_mcol {width:437px; float:left; margin:0 0 0 7px;}
.global .mcol .right_mcol h2{margin-left:0;}
.global .mcol .right_mcol p{margin-left:0;}
.global .mcol #anim_photos {float:left; margin:13px 0 0 0;}
.global .mcol #carte {float:left; margin:0 0 0 100px}
.global .mcol #anim_schema2{margin:15px 0 0 0}
.global .mcol #anim_schema4{float:left}
.global .mcol ul.list_anim{float:left; width:415px;margin:29px 0 0 0}
.global .mcol ul.list_anim li{margin:0 0 5px 0; font-weight:bold}

.global .mcol .ancre1 {display:block; width:1px; height:1px;float:left; overflow:hidden;}







.global .mcol dl.addval {float:left;width:625px;margin:0 0 0 10px !important; margin:0 0 0 5px;}
.global .mcol dl.addval dt {margin-bottom:30px;width:625px;clear:both;}
.global .mcol dl.addval dt strong{font-weight:normal;}
.global .mcol dl.addval dt a{font-size:11px;font-weight:bold;color:#c82925;text-decoration:none;padding:0 0 0 18px;background: url(images/plus1.gif) no-repeat 0 2px;outline:none; width:608px; display:block}
.global .mcol dl.addval dd {display:none; padding-left:19px;margin-bottom:30px;float:left; background:url(images/bg_dd.gif) repeat-y 0 0; padding-top:10px}
.global .mcol dl.addval dd.last {margin-bottom:0;}
.global .mcol dl.addval dd p{margin:0; width:597px;}
.global .mcol dl.addval dd ul {padding-left:12px; list-style-type:square;margin:10px 0 10px 5px}
.global .mcol dl.addval dd ul li{margin-bottom:5px}
.global .mcol dl.addval dd a {margin:5px 0 0 0;color:#0098d8;width:500px}
.global .mcol dl.addval dd a:hover {color:#eb1422;}
.global .mcol dl.addval dd a.downpdf {text-decoration:none; color:#0098d8; display:block;margin-top:10px;}
.global .mcol dl.addval dd a.downpdf:hover {color:#F00;}


.global .mcol dl.implimentation {float:left; width:300px;margin:35px 0 0 11px;}
.global .mcol dl.implimentation dt {font-weight:bold; font-size:11px; color:#eb1422}
.global .mcol dl.implimentation dd {margin:0 0 15px 0}


.global .mcol ul.ul_mention {list-style-type:decimal;float:left; padding:0 0 0 30px;margin-bottom:15px;}
.global .mcol ul.ul_mention li{margin:0 0 5px 0;}
.global .mcol ul.ul_mention li a{}


.global .mcol dl.solutions {float:left; margin:0 0 0 11px;width:636px;}
.global .mcol dl.solutions dt{}
.global .mcol dl.solutions dt a{color:#c82925;font-weight:bold; text-decoration:none}
.global .mcol dl.solutions dt a:hover{text-decoration:underline}
.global .mcol dl.solutions dd{ padding:3px 0 0 0;margin:0 0 15px 0}
.global .mcol dl.solutions dd p{margin:0 0 5px 0;width:631px; text-align:justify;}
.global .mcol dl.solutions dd ul{}
.global .mcol dl.solutions dd li{background:url(images/puce1.gif) no-repeat 0 5px;padding:0 0 0 10px}

.global .mcol ul.arean {margin:0 0 12px 6px; /margin:0 0 -6px 3px;width:630px;float:left; font-size:10px;}
.global .mcol ul.arean li{float:left; padding:0 10px 0 0; margin:0 5px 0 0;color:#e42322}
.global .mcol ul.arean li.superieur{background:url(images/superieur.gif) no-repeat right 3px;}
.global .mcol ul.arean li a{color:#423553; text-decoration:none;font-size:10px;}
.global .mcol ul.arean li a:hover{text-decoration:underline}


.global .mcol ul.ul_design{margin:0 0 10px 11px;}
.global .mcol ul.ul_design li{background:url(images/puce1.gif) no-repeat 0 5px;padding:0 0 0 10px; margin-bottom:5px;}

/* RIGHT COL */
.global .rcol{width:157px; float:left;}

/* PIED DE PAGE */
ul.pied_page {float:left;background:url(images/fd_pied.gif) no-repeat 67px 0; width:364px;height:16px;  margin-top:90px;padding:5px 0 0 616px}
ul.pied_page li{float:left;margin:0 29px 0 0}
ul.pied_page li a{color:#FFF; text-decoration:none}
ul.pied_page li a:hover{text-decoration:underline;}

/* PLAN DU SITE */
.global .mcol dl.plan_site {float:left;margin:0 0 0 11px !important;margin:0 0 0 6px;}
.global .mcol dl.plan_site dt{text-transform:uppercase;margin-top:5px;margin-bottom:10px;}
.global .mcol dl.plan_site dt a{color:#fc8c6a;font-weight:bold; text-decoration:none}
.global .mcol dl.plan_site dd {margin-top:3px;margin-bottom:15px;}
.global .mcol dl.plan_site dd ul{margin:0 0 0 35px;}
.global .mcol dl.plan_site dd ul li{background:url(images/puce4.gif) no-repeat 0 5px; padding:0 0 0 10px}
.global .mcol dl.plan_site dd ul a{color:#942321; font-weight:bold; text-decoration:none}
.global .mcol dl.plan_site dd ul a:hover{color:#666}
.global .mcol dl.plan_site dd ul ul {margin:0 0 10px 0;}
.global .mcol dl.plan_site dd ul ul a{font-weight:normal; color:#801e1c}
.global .mcol dl.plan_site dd ul ul a:hover{text-decoration:underline; color:#000}
.global .mcol dl.plan_site dd ul ul li {background:none}

/*FORMULAIRE DE CONTACT*/
.global .mcol form.form_contact {padding-top:10px;float:left; width:636px;}
.global .mcol form.form_contact p{margin-bottom:6px; width:636x;}
.global .mcol form.form_contact p input, .global .mcol form.form_contact p textarea, .global .mcol form.form_contact p select{font-size:10px;border:1px solid #d1d1d1;background:none; }
.global .mcol form.form_contact p textarea {font-size:10px}
.global .mcol form.form_contact p label {font-size:10px;width:225px;text-align:right;display:block;float:left;margin:0 3px 0 0; }
.global .mcol form.form_contact p label sup{font-size:8px;}
.global .mcol form.form_contact p.formsend {margin-left:152px;margin-top:10px;width:320px;}
.global .mcol form.form_contact p.formsend .inputimg {margin:3px 0 0 9px; *margin:8px 0 0 9px;}
.global .mcol form.form_contact p.btn span {display:block;margin:0 0 0 257px;}
.global .mcol form.form_contact p.space2{margin:20px 0 0 0}
.global .mcol form.form_contact .txt_width {width:192px}