* { margin: 0; padding: 0; font-family: Arial, Verdana, sans-serif; }
body { background: #0f181d url(images/bg.jpg) repeat-y top center; font-size: 0.83em; }
img { border: 0; }
a { cursor: pointer; outline: none; }
.clear { display: block; height: 1px; clear: both; overflow: hidden; }

/* LIBRARY */
.mt10 { margin-top: 10px; }
.mr5 { margin-right: 5px; }
.t_center { text-align: center; }
.t_left { text-align: left; }
.t_right { text-align: right; }
.t_justify { text-align: justify; }
.big_1 { font-size: 1.1em; }
.big_2 { font-size: 1.2em; }
.small_1 { font-size: 0.9em; }
.small_2 { font-size: 0.8em; }








#global { width: 800px; margin: 0 auto; }

#top { position: relative; width: 100%; height: 120px; }
#bg_bird { position: absolute; top: 0; left: 0; width: 444px; height: 120px; background: url(images/bg_bird.gif); }
#logo { display: block; position: absolute; top: 0; left: 10px; width: 224px; height: 117px; background: url(images/logo.png) no-repeat; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/design/v2/images/logo.png, sizingMethod=image); cursor: pointer; }
#form_login { display: block; position: absolute; top: 10px; right: 0; width: 260px; height: 60px; padding: 10px; background: url(images/spacer_gris.png) repeat;
_background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/design/v2/images/spacer_gris.png, sizingMethod=scale); }
#form_login p { margin: 0; padding: 0; }
#form_login label { display: block; margin-bottom: 5px; font-weight: bold; color: #f4e347; }
#form_login .text { display: block; float: left; width: 105px; height: 18px; margin-right: 6px; border: 1px solid #aaa; }
#form_login #login { margin-top: 0; }
#form_login #pwd { margin-top: 0; }
#form_login .valider { display: block; float: left; width: 30px; height: 20px; text-align: center; font-weight: bold; color: #f4e347; background: #142534; border: 0; cursor: pointer; }
#form_login .lost_pwd { position: absolute; bottom: 10px; left: 10px; clear: both; font-size: 0.8em; }
#form_login .lost_pwd a { color: #b3b3b3; text-decoration: none; }


#menu ul { list-style: none; }
#menu ul li { display: block; float: left; width: 133px; height: 40px; }
#menu ul li.first { width: 135px; }
#menu ul li a { display: block; position: relative; width: 93px; height: 28px; padding: 12px 5px 0 35px; color: #355166; font-weight: bold; background: url(images/menu.gif) 0 -40px; text-decoration: none; }
#menu ul li.first a { width: 95px; background: url(images/menu.gif) -133px -40px; }
#menu ul li a:hover, #menu ul li a.on { color: #fff; width: 93px; background: url(images/menu.gif) 0 0; }
#menu ul li.first a:hover, #menu ul li.first a.on { color: #fff; width: 95px; background: url(images/menu.gif) -133px 0; }
#menu .ico { display: block; position: absolute; top: 7px; left: 5px; width: 25px; height: 25px; }
#menu .home { background: url(images/picto-home.png) no-repeat; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/design/v2/images/picto-home.png, sizingMethod=image); }
#menu .presentation { background: url(images/picto-presentation.png) no-repeat; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/design/v2/images/picto-presentation.png, sizingMethod=image); }
#menu .offre { background: url(images/picto-offre.png) no-repeat; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/design/v2/images/picto-offre.png, sizingMethod=image); }
#menu .devis { background: url(images/picto-devis.png) no-repeat; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/design/v2/images/picto-devis.png, sizingMethod=image); }
#menu .references { background: url(images/picto-references.png) no-repeat; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/design/v2/images/picto-references.png, sizingMethod=image); }
#menu .apropos { background: url(images/picto-apropos.png) no-repeat; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/design/v2/images/picto-apropos.png, sizingMethod=image); }


#content { clear: both; position: relative; width: 800px; margin: 0; padding: 0; background: #fff/*url(images/bg_content.gif) repeat-y*/ ;}
#content .corner { position: absolute; bottom: 0; right: 0; display: block; width: 23px; height: 15px; background: url(images/content_corner.gif); overflow: hidden; }

#glider { position: relative; width: 796px; height: 216px; overflow: hidden; border: 2px solid #fff; border-bottom: 0; }
#glider #glider_scroller { position: relative; width: 2384px; height: 216px; background: #333; overflow: hidden; }
#glider #glider_menu { position: absolute; top: 0; right: 0; width: 227px; text-align: center; font-family: Arial; font-weight: bold; }
#glider #glider_menu a { display: block; width: 193px; height: 20px; margin: 0; padding: 17px; color: #333; text-align: right; text-decoration: none; background: url(images/slider.png) 0 -54px; _background: url(images/slider.gif) 0 -54px; }
#glider #glider_menu a.on, #glider #glider_menu a:hover { color: #333; background-position: 0 0; }


#c1 { float: left; width: 560px; padding: 20px; color: #355166; background: url(images/ombre-pliure.png) no-repeat top right; }
#c2 { float: right; width: 200px; padding:  0 0 20px 0; }
#c_full { padding: 20px; color: #355166; }

#c1 h1, #c_full h1 { clear: both; font-size: 1.6em;color:#8A46CA; }
#c1 h2, #c_full h2 { clear: both; font-size: 1.3em; }

#foot { margin: 10px 0; color: #fff; font-size: 0.8em; text-align: center; }
#foot a { color: #fff; }

.list_outils_home { display: block; list-style: none; width: 100%; margin: 30px 0; padding: 0; }
.list_outils_home li { position: relative; display: block; width: 210px; float: left; padding: 5px 10px 25px 60px; font-size: 0.9em; background: url(images/item_corner.gif) no-repeat bottom right; }
.list_outils_home li a { color: #355166; text-decoration: none; }
.list_outils_home li img { position: absolute; top: 0; left: 0; display: block; width: 50px; height: 50px; overflow: hidden; }

#menu_list { list-style: none; display: block; width: 180px; margin: 0 auto; padding: 20px 0 0 0;font-size:11px; }
#menu_list li { display: block; margin: 5px 0 0 0; }
#menu_list li a { display: block; position: relative; width: 145px; padding: 5px 0 5px 35px; color: #355166; font-weight: bold; text-decoration: none; }
#menu_list li a:hover { text-decoration: underline; }
#menu_list li a img { position: absolute; top: 0; left: 0; display: block; width: 25px; height: 25px; overflow: hidden; }

.table_01 { width: 100%; margin: 0 auto; border: 0; }
.table_01 tr.jaune { background-color: #fffee3; }
.table_01 th { padding: 8px; color: #8a46ca; font-size: 1.2em; background: url(images/tr_normal.gif) repeat-y top right; }
.table_01 tr td { padding: 8px; background: url(images/tr_normal.gif) repeat-y top right; }
.table_01 tr.jaune td { padding: 8px; background: url(images/tr_jaune.gif) repeat-y top right; }
.table_01 tr.none td { background: none; }
.table_01 tr td .fonction { padding: 0 0 0 17px; color: #355166; font-size: 1.2em; text-decoration: none; background: url(images/tr_fleche.gif) no-repeat 0 4px; }
.table_01 tr td .tick { display: block; width: 33px; height: 26px; margin: 0 auto; background: url(images/tick.png) no-repeat; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/design/v2/images/tick.png, sizingMethod=image); }
.table_01 tr td .btn_insc { display: block; width: 90px; height: 33px; margin: 5px auto; padding: 3px 34px 0 8px; color: #fff; font-size: 0.9em; font-weight: bold; text-align: center; text-decoration: none; background: url(images/btn_insc.gif) no-repeat; }

.text { margin-top: 10px; text-align: justify; }
.text_image { margin: 10px 0; text-align: center; }
.text_image img { padding: 5px; background: #e3e3e3; border: 1px solid #ccc; }
.text_image em { font-size: 0.8em; }


.form_1 p { position: relative; clear: both; display: block; margin: 0; }
.form_1 p .label { display: block; float: left; width: 180px; padding: 5px 10px 10px 0; text-align: right; }
.form_1 p .right { display: block; float: left; width: 500px; padding: 5px 0 10px 0; }
.form_1 p .right .choix input { margin: 0 5px 0 0; }
.form_1 p .text { width: 220px; margin: 5px 0 0 0; border: 1px solid #ccc; }
.form_1 p .text_small { width: 70px; margin: 5px 0 0 0; border: 1px solid #ccc; }
.form_1 .btn { text-align: center; }
.form_1 .btn .submit { display: inline-block; margin: 0 auto; padding: 5px 8px; font-weight: bold; color: #fff; background: #5622a0 url(/design/images/fond_violet.gif) repeat-y; cursor: pointer; border: 0; }
.form_1 p a { color: #7637b9; }


.netitem2 .logo {  float:left; margin:0 5px 0 0; }
.netitem2 .text {float:right; width:265px; }