/**
 * Framework CSS
 */
body, table, tr, th, td, div, p, ul, ol, li, h1, h2, h3, h4, h5, h6, form, img, hr, input {margin: 0; padding: 0;}

img			{border: 0px;}
a			{color: #3bb7ee; text-decoration: none;}
a:hover		{text-decoration: underline;}
a:focus		{outline: none}
sup, sub	{line-height: 0;}

.hide		{display: none;}
.center		{text-align: center;}
.right		{text-align: right;}
.justify	{text-align: justify;}
.strong		{font-weight: bold;}
.italic		{font-style: italic;}
.souligne	{text-decoration: underline;}
.uppercase	{text-transform: uppercase;}
.no_upper	{text-transform: none !important;}
.conteneur	{overflow: auto; height: 1%;}
.clear		{clear: both;}
.noir		{color: #000000;}
.bleu		{color: #009ee0;}
.bleu_fonce	{color: #253449;}
.orange 	{color: #b23e03;}
.error		{background-color: #bd2716; color: #ffffff; font-size: 12px; padding: 3px 5px; margin-bottom: 10px;}

/* Configuration générale */
body {font-family: Arial; font-size: 11px; background: #f1efef url(../images/bg.jpg) repeat-x;}
h2, h3, h4, h5, h6 {color: #009ee0; margin: 0 0 10px 0;}
#page {width: 980px; margin: 0 auto; padding: 0 64px; background: url(../images/bg_ombre.png) 0 100px no-repeat;}

/* Formulaire */
form p {clear: both; margin: 0 0 10px 0; overflow: auto;}
form p label {float: left; width: 200px; margin: 0 10px 0 0;}
form p input, form p select, form p textarea {border: 1px solid #5b7398; border-radius: 4px;}
form p input:focus, form p select:focus, form p textarea:focus {background: #ddd;}
form p input {width: 190px; height: 18px; padding: 0 5px;}
form p input[type="checkbox"], form p input[type="radio"] {width: auto; height: auto; vertical-align: top;}
form p .input_checkbox, form p .input_radio {display: inline-block; width: 110px; margin: 0 0 5px 0;}
form p textarea {width: 350px; height: 60px;}
form p select {width: 202px;}
form p input[type="submit"] {width: 200px; height: 20px; margin: 0 0 0 210px; padding: 0; border-radius: 0;}
form .elem {float: left; width: 120px; padding: 0 0 10px 0;}

/* Header */
#header {height: 108px; position: relative; z-index: 100;}
#header a.logo {display: block; width: 136px; height: 82px; padding: 18px 0 0 68px;}
#header #login {position: absolute; top: 10px; right: 170px; color: #8da5c9;}
#header #login input {float: left; width: 120px; height: 23px; margin: 0 12px 0 0; padding: 0 4px; color: #92abd0; border: 1px solid #5b7398; border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; background: none;}
#header #login input[type="submit"] {width: 28px; height: 25px; margin: 0; padding: 0 0 2px 0; color: #8da5c9; font-weight: bold;}
#header #account {position: absolute; top: 15px; right: 200px; font-size: 12px; font-weight: bold; color: #8da5c9;}
#header #account a {margin: 0 0 0 20px;}
#header #langues {height: 25px; position: absolute; top: 10px; right: 0; color: #8da5c9;}
#header #langues .langue {float: left; display: block; padding: 4px 5px; color: #8da5c9; font-weight: bold; border: 1px solid #5b7398; border-left: none; text-transform: uppercase;}
#header #langues .first {border-left: 1px solid #5b7398; border-radius: 4px 0px 0px 4px; -webkit-border-radius: 4px 0px 0px 4px; -moz-border-radius: 4px 0px 0px 4px;}
#header #langues .last {border-radius: 0px 4px 4px 0px; -webkit-border-radius: 0px 4px 4px 0px; -moz-border-radius: 0px 4px 4px 0px;}
#header #langues span.active {color: #293b56; background: #5b7398;}
#header .libelle {float: left; margin: 6px 12px 0 0; font-size: 12px;}

/* Menu */
#barre_menu {height: 35px; position: absolute; right: 0; bottom: 0; z-index: 100; background: url(../images/bg_barre_menu.png) right -35px no-repeat;}
#barre_menu .barre_menu_left {height: 35px; margin: 0 2px 0 0; padding: 0 0 0 3px; background: url(../images/bg_barre_menu.png) left top no-repeat;}
ul#menu {list-style: none;}
ul#menu > li {float: left; height: 35px; position: relative; z-index: 100; font-size: 14px;}
ul#menu > li.first a {padding: 0 15px 0 0;}
ul#menu > li.last a {padding: 0 0 0 15px;}
ul#menu > li > a {display: block; height: 35px; padding: 0 15px; color: #fff; text-transform: uppercase;}
ul#menu > li > a.nopointer {cursor: default;}
ul#menu > li > a:hover {color: #3bb7ee;}
ul#menu a:hover {text-decoration: none;}
ul#menu a.menuselected, ul#menu li.current a {color: #3bb7ee;}
ul#menu > li.back {height: 5px; padding: 0; position: absolute; bottom: 1px; z-index: 99; background: url(../images/lavalamp.png) right -5px no-repeat;}
ul#menu > li.back .left {height: 5px; margin: 0 5px 0 0; background: url(../images/lavalamp.png) left top no-repeat;}

/* Sous menu */
ul#menu li ul {display: none; width: 200px; list-style: none; background: #1c283a; position: absolute; top: 35px; left: 0px;}
/*ul#menu li#menu_contact ul {left: auto; right: 0px;}*/
ul#menu li ul li {position: relative; margin: 5px; padding: 5px; font-size: 11px; font-weight: normal;}
ul#menu li ul li:hover {background: #3bb7ee;}
ul#menu li ul li a {display: block; color: #3bb7ee;}
ul#menu li ul li:hover > a {color: #fff;}

/* Sous sous menu */
ul#menu li ul li ul {top: 0px; left: 190px;}

/* Contenu */
#content {margin: 60px 0 0 0; position: relative; background: #fff;}
#content h1 {width: 600px; margin: 30px 0 20px 0; font-size: 30px; /*text-transform: uppercase; */color: #009ee0;}
#content #contenu {width: 670px; min-height: 480px; margin: 0 280px 0 0; padding: 0 0 50px 30px; position: relative;}
#content #contenu #actions {position: absolute; top: 30px; right: 0; height: 22px;}
#content #contenu #actions a {float: left; display: block; margin: 0 0 0 8px;}
#content #contenu #actions a:hover {opacity : 0.8;}
#content a.backtop {position: absolute; right: 32px; bottom: 50px; display: block; padding: 3px 8px 3px 25px; color: #009ee0; border: 1px solid #009ee0; background: url(../images/fleche_backtop.png) 8px 6px no-repeat;}

/* Cmspages */
#content #pagecontent {font-size: 12px; color: #484848;}
#content #pagecontent table {max-width: 670px; margin: 0 auto;}
#content #pagecontent p {margin: 0 0 20px 0; text-align: justify; line-height: 18px;}
#content #pagecontent p em {line-height: 14px;}
#content #pagecontent ul {margin: 0 0 20px 40px;}
#content #pagecontent ul li {margin: 0 0 5px 0;}
#content #pagecontent a {color: #009ee0;}

.button_slider {position: relative; padding: 10px 0; text-align: center; background: #ccc url(../images/plus.png) no-repeat 10px center; cursor: pointer;}
.button_slider.show{background-image: url(../images/moins.png);}
.show_slider{display: none; position: relative; padding: 10px 25px; border: 1px solid #aaa; border-top: 0;}

/* Actualités */
#actualites .actualite {margin: 0 0 20px 0; color: #484848;}
#actualites .actualite .actualite_img {float: left; margin: 0 10px 0 0;}
#actualites .actualite .actualite_infos {float: left; width: 480px;}
#actualites .actualite .actualite_infos h2 {margin: 0 0 10px 0;}
#actualites .actualite .actualite_infos p.actualite_date {}
#actualites .actualite .actualite_infos .actualite_resume {text-align: justify;}
#actualites .actualite .actualite_infos p.actualite_lien {text-align: right; margin: 10px 0 0 0;}

#actualite_detail {font-size: 12px; color: #484848;}
#actualite_detail #actualite_date {margin: 0 0 10px 0;}
#actualite_detail #actualite_img {margin: 0 0 10px 0;}
#actualite_detail #actualite_contenu {text-align: justify;}
#actualite_detail #actualite_contenu p {margin: 0 0 10px 0;}
#actualite_detail #actualite_contenu ul {margin: 0 0 10px 40px;}

/* Témoignages */
#temoignages .temoignage_categorie {margin: 0 0 20px 0;}
#temoignages .temoignage_categorie_titre {margin: 0 0 20px 0; font-size: 20px; color: #484848;}
#temoignages .temoignage_categorie_titre a {font-size: 12px;}
#temoignages .temoignage {margin: 0 0 20px 0; color: #484848;}
#temoignages .temoignage .temoignage_img {float: left; margin: 0 10px 0 0;}
#temoignages .temoignage .temoignage_infos {float: left; width: 480px;}
#temoignages .temoignage .temoignage_infos h2 {margin: 0 0 10px 0;}
#temoignages .temoignage .temoignage_infos p.temoignage_date {}
#temoignages .temoignage .temoignage_infos .temoignage_resume {text-align: justify;}
#temoignages .temoignage .temoignage_infos p.temoignage_lien {text-align: right; margin: 10px 0 0 0;}

#temoignage_detail {font-size: 12px; color: #484848;}
#temoignage_detail #temoignage_date {margin: 0 0 10px 0;}
#temoignage_detail #temoignage_img {margin: 0 0 10px 0;}
#temoignage_detail #temoignage_contenu {text-align: justify;}
#temoignage_detail #temoignage_contenu p {margin: 0 0 10px 0;}
#temoignage_detail #temoignage_contenu ul {margin: 0 0 10px 40px;}

/* FAQ */
p.question {font-size: 14px; font-weight: bold; color: #009ee0; margin: 0 0 10px 0; padding: 0 0 0 10px; background: url(../images/puce1.png) 0px 5px no-repeat;}
.reponse {font-size: 12px; color: #484848;}

/* Colonne droite */
#content #col_right {float: right; width: 258px;}
#content #col_right #logiciels {width: 258px; background: url(../images/bg_logiciels.jpg) no-repeat;}
#content #col_right #logiciels a.logiciel {display: block; width: 236px; height: 110px; padding: 0 0 0 22px;}
#content #col_right #logiciels a.logiciel:hover {text-decoration: none;}
/*#content #col_right #logiciels a#bloc_4 {background: url(../images/bg_bloc_forge.jpg) no-repeat;}
#content #col_right #logiciels a#bloc_5 {background: url(../images/bg_bloc_coldform.jpg) no-repeat;}
#content #col_right #logiciels a#bloc_6 {background: url(../images/bg_bloc_thercast.jpg) no-repeat;}
#content #col_right #logiciels a#bloc_7 {background: url(../images/bg_bloc_rem3d.jpg) no-repeat;}*/
#content #col_right #logiciels a.logiciel span.titre {display: block; font-size: 22px; font-style: italic; color: #f0f0f0; text-transform: uppercase; padding: 20px 0 10px 0;}
#content #col_right #logiciels a.logiciel span.resume {display: block; font-size: 12px; color: #d2d2d2; margin: 0 65px 0 0;}

/* Fil d'ariane */
p#ariane {color: #fff; padding: 0 0 15px 30px; background: #26344a;}
p#ariane a {color: #fff;}
p#ariane span.sep {margin: 0 5px;}
p#ariane span.current {color: #009ee0;}

/* Pagination */
.navpages {clear: left; padding: 5px 0; font-size: 14px; font-weight: bold; color: #009ee0;}
.navpages a {color: #000; text-decoration: none;}
.navpages a:hover {text-decoration: underline;}
.navpages span {padding: 0 2px;}

/* Footer */
#footer {color: #838383; font-weight: bold; padding: 0 0 50px 0; background: #272727;}
#footer a {color: #838383;}
#footer #footer_center {width: 980px; margin: 0 auto; position: relative;}
#footer #footer_center ul {float: left; max-width: 150px; padding: 55px 0 0 15px;}
#footer #footer_center ul.logo {float: right; padding: 22px 20px 0 0;}
#footer #footer_center ul.logo img {display: block;}
#footer #footer_center ul li.level1 {list-style: none; list-style-image: none; text-transform: uppercase; margin: 0 0 15px 0;}
#footer #footer_center ul li.level2 {list-style-image: url(../images/puce_footer.png); margin: 0 0 5px 18px;}
#footer #footer_center p.copyright {text-align: right; margin: 0 15px 20px 0; padding: 20px 0 0 0;}
#footer #footer_center p.copyright span.sep {margin: 0 15px;}
#footer #footer_center p.poweredby a{display: inline-block;}
#footer #footer_center p.poweredby a#emergence {margin: 0 20px 0 0; padding: 0 20px 0 0; border-right: 1px solid #838383;}

.print {display: none !important;}

@media print {
	.ecran {display: none !important;}
	.print {display: block !important;}
	#page {margin: 0; padding: 0; background: none;}
	#header #login, #header #account, #header #langues, #header #barre_menu, #contenu #actions, #contenu iframe, #col_right, #footer {display: none;}
	#header a.logo {margin: 20px auto 0 auto;}
	#ariane a {color: #000;}
	#content {margin: 0;}
	#contenu {margin: 0; padding: 0;}
}