body {
	background:#114581 url(../images/fond_space_body.jpg) top center no-repeat;
}

a {
	outline:none;	
}

.container {
	font-family: Georgia, Arial, Helvetica, sans-serif;
}

/* css pour la barre menu du haut */

#fond_barre_menu {
	width:100%;
	background:none;
	margin-top:3px;
}

#barre_menu {
	background:#497ab3 url(../images/degrad10.jpg) top left repeat-x;
	height:26px;
}

#barre_menu ul, #barre_menu ul li {
	margin:0;
	padding:0;
}

#menu_rapide ul li {
	display:inline;
	line-height:25px;
}

#menu_rapide ul li a {
	border-right:1px solid #cccccc;
	color:#eeeeee;
	font-size: 11px;
	text-decoration:none;
	padding:0 4px;
}

#menu_rapide ul li a:hover {
	text-decoration:underline;
}

#barre_menu_tel p {
	color:#ffffff;
	margin:0;
	padding:0;
	line-height:24px;
}

#barre_menu_tel p span#barre_menu_tel_chiffre {
	font-size:16px;
	font-weight:bold;
}

#barre_menu_flag li {
	list-style-type:none;
	display:block;
	float:right;
	width:30px;
	height:15px;
}

#barre_menu_flag li a {
	display:block;
	float:right;
	margin:4px;
	width:23px;
	height:15px;
	border:1px solid #CCCCCC;
}

#barre_menu_flag li a:hover {
	border:1px solid #FF9900;
}

#barre_menu_flag li a#english_flag {
	background:url(../images/uk_flag.jpg) top left no-repeat;
}

#barre_menu_flag li a#french_flag {
	background:url(../images/french_flag.jpg) top left no-repeat;
}

#barre_menu_flag li a span {
	position:absolute;
	left:-5689px;
}

#espace_client p {
	margin:0;
	padding:0;
}

#espace_client p a {
	display:block;
	text-align:center;
	border-left:1px solid #CCCCCC;
	height:26px;
	line-height:26px;
	color:#333333;
	text-transform:uppercase;
	text-decoration:none;
	font-size:12px;
	background:#fdd081;
}

#espace_client p a:hover {
	background:#FF9900;
	color:#FFFFFF;
}

/* css pour le bloc #presentation */
#presentation {
	background:#FFFFFF url(../images/degrad4.jpg) top left repeat-x;
}

#presentation_box {
	padding:4px;
	margin-left:15px;
	background:url(../images/fond_presentation_2.jpg) top left no-repeat;
}

#titre_presentation {
	padding:10px 0 10px 0;
}

#titre_presentation h1 {
	display:block;
	font-size:21px;
	word-spacing:1px;
	padding-left:90px;
	margin:5px 5px 0 0;
	background:url(../images/logo_dagway.png) 15px 50% no-repeat;
	color:#114581;
	text-indent:-4px;
}

#titre_presentation h1 span {
	font-size:55px;
	color:#114581;
}

/* css bloc periode essais */
div#ligne_essais {
	position:relative;
	background:url(../images/degrad13.jpg) 0 0 repeat-x;
	border-bottom:1px solid #6d0f57;
	height:75px;
}

div#ligne_essais h2 {
	margin:0;
	padding:0;
}

div#ligne_essais h2 a {
	display:block;
	text-decoration:none;
	color:#6d0f57;
	padding:7px 10px 7px 85px;	
	margin-left:15px;
	font-size:16px;
	height:61px;
	line-height:20px;
	background:url(../images/green_arrow_test.jpg) 0 0 no-repeat;
	width:520px;
	float:left;
}

div#ligne_essais h2 a span {	
	font-size:30px;
	line-height:34px;
}

div#ligne_essais h2 a:hover {
	background:url(../images/green_arrow_test.jpg) 0 -75px no-repeat;
	color:#2a6e18;
}

div#ligne_essais h3 {
	margin:0;
	padding:0;
}

div#ligne_essais h3 a {
	display:block;
	text-decoration:none;
	color:#6d0f57;
	padding:15px 10px 7px 18px;	
	font-size:16px;
	height:61px;
	line-height:18px;
	background:url(../images/barre_demo.jpg) top left no-repeat;
	width:280px;
	float:left;
}

div#ligne_essais h3 a span {	
	font-size:20px;
	line-height:30px;
}

div#ligne_essais h3 a:hover {	
	color:#2a6e18;
}

div#ligne_essais p {
	color:#6d0f57;
	margin:0;
	font-size:16px;
}

div#ligne_essais div#bord_gauche {
	position:absolute;
	left:-10px;
	height:85px;
	width:10px;
	background:url(../images/bord_gauche_essais.png) top left no-repeat;	
}

div#ligne_essais div#bord_droit {
	position:absolute;
	right:-10px;
	height:85px;
	width:10px;
	background:url(../images/bord_droit_essais.png) top left no-repeat;	
}

/* css pour le bloc contenu */
#contenu {
	background:#FFFFFF;
	padding-bottom:25px;
}

#fond_contenu {
	width:100%;
}

div#ligne_rubrique {
	position:relative;
	background:#FFFFFF url(../images/degrad11.jpg) top left repeat-x;
	padding-top:20px;
}

.bloc_rubrique {
	margin-top:5px;
	height:220px;
	background:#fdd081;
}

.bloc_rubrique p {
	margin:5px 15px;
	text-indent:0;	
}

p.titre_rubrique {
	font-size:21px;
	margin:5px 15px;
	color:#754b01;
}

p.esp {
	position:absolute;
	bottom: 15px;
	width:290px;
	padding:0;
}

p.esp a {
	display:block;
	height:25px;
	background:#f4e8ad url(../images/green_arrow.png) 260px 50% no-repeat;
	padding:2px 2px 0 5px;
	text-decoration:none;
	line-height:25px;
	text-transform:uppercase;
	font-weight:bold;
	color:#754b01;
	-moz-border-radius :5px;
	-webkit-border-radius:5px;
}

p.esp a:hover {
	background-color:#f7f1d1;	
}

/* differenciation des blocs rubrique */

.rubrique_outils p.titre_rubrique {
	padding-left:55px;
	background:url(../images/toolbox.png) left 50% no-repeat;
}

.rubrique_metiers p.titre_rubrique {
	padding-left:45px;
	background:url(../images/metiers.png) left 50% no-repeat;
}

.rubrique_secteurs p.titre_rubrique {
	padding-left:55px;
	background:url(../images/secteurs.png) left 50% no-repeat;
}

.rubrique_secteurs p, .rubrique_secteurs p.esp a  {
	padding-right:20px;
}

.bloc_actu {
	margin-top:15px;
	height:150px;
}

.bloc_actu p.titre_rubrique {
	margin-left:30px;
}

.bloc_actu p.titre_rubrique span {
	position:absolute;
	left:-5789px;	
}

.bloc_actu ul {
	margin:0 0 0 30px ;	
}

.bloc_actu ul li {
	list-style-type:none;	
}

.bloc_actu ul li a {
	color:#000000;
	display:block;
	text-decoration:none;
}

.bloc_actu ul li a:hover {
	background:#c7eaf7;
}

.more_actu {
	margin-top:15px;	
}

.more_actu a {
	float:right;
	padding-left:25px;
	text-transform:uppercase;
	font-weight:bold;
	color:#754b01;
	text-decoration:none;
	font-size:12px;
}

.more_actu a:hover {
	text-decoration:underline;	
}

#plaquette {
	margin:10px 10px 0 15px;	
}

#plaquette a {
	display:block;
	width:260px;
	background:#c7eaf7 url(../images/plaquette.jpg) 0 0 no-repeat;
	height:80px;
	padding:50px 10px 10px 10px;
	text-decoration:none;
	color:#000000;
}

#plaquette a:hover {
	background:#c7eaf7 url(../images/plaquette.jpg) 0 -150px no-repeat;
}

#plaquette p {

}

#plaquette span.titre_rubrique {
	color:#114581;
	font-size:18px;
}

#fond_footer {
	width:100%;	
}

#footer {
	background:#5285c0 url(../images/degrad12.jpg) top left repeat-x;
	padding-top:5px;
}

.bloc_footer {
	float:left;	
	margin:5px 0 5px 20px;
}

.bloc_footer p, .bloc_footer a, .bloc_footer_contact a, .bloc_footer_contact p {
	color:#ffffff;
	font-size:12px;
	text-decoration:none;
}

.bloc_footer p {
	font-weight:bold;
	margin:0;
	font-size:16px;
}

.bloc_footer ul {
	margin:0;
	padding:0;
}

.bloc_footer li {
	list-style-type:none;
	margin:0;
}

.bloc_footer a:hover, .bloc_footer_contact a:hover {
	text-decoration:underline;
}

.bloc_footer_contact {
	margin:5px 0 5px 20px;
}

.bloc_footer_contact p {
	margin-bottom:20px;
}

.bloc_footer_contact a {
	font-size:12px;
}

.copy_footer {
	margin-top:15px;	
}

/* css pour le bloc #presentation des pages internes */
#fil_ariane, #fil_ariane a {
	font-size:0.7sem;
	color:#6E99CC;
	margin-top:15px;
}

#fil_ariane p {
	margin:15px 0 0 0;
	padding:0;	
}

#fil_ariane a:hover {
	color:#CC6673;
}

#presentation_page h1 {
	font-size:48px;
	margin-bottom:10px;
	margin-top:5px;
	color:#114581;
}

/* css pour le bloc contenu des pages */
#contenu_page {
	background:#FFFFFF url(../images/degrad4.jpg) top left repeat-x;
	padding-bottom:25px;
	padding-top:0;
}

#contenu_page .faq h3, #contenu_page h3  {
	color:#cc6600;
	font-size:18px;
	margin-top:25px;
	margin-bottom:5px;
	padding-left:18px;
	background:url(../images/orange_arrow.png) 0 3px no-repeat;	
}

#contenu_page hr {
	visibility:hidden;
	margin-top:20px;
}

#contenu_page p {
	margin:0 0 19px 0;
	line-height:19px;
	font-size:14px;
	text-align:justify;
	max-width:550px;
}

#contenu_page ul {
	margin:20px 15px 20px 40px;
}

#contenu_page ul li {
	font-size:14px;
	line-height:20px;	
}

.bloc_temoin {
	width:150px;
	float:left;
	background:#F7F1D1;
	margin:0 15px 15px 0;
}

.bloc_temoin_droit {
	float:right;
	margin:0 0 15px 20px;
}

.bloc_temoin blockquote {
	font-size:12px;
	text-indent:-5px;
}

.temoin_long {
	height:250px;
	background:#F7F1D1;
	overflow:hidden;
}

.temoin_long blockquote {
	font-size:18px;
	text-indent: -5px;	
}

#bloc_menu ul {
	margin:0 0 20px 0;
	padding:0;
}

#contenu_page div.bloc_col_page {
	margin-bottom:35px;
}

#contenu_page div.bloc_col_page h3 {
	font-size:16px;
	margin:10px 0 15px 0;
	padding-left:18px;
	background:url(../images/orange_arrow.png) 0 3px no-repeat;	
}

#contenu_page  div.bloc_col_page p {
	text-align:justify;
}

#comparatif {
	border-collapse:collapse;
	margin-top:25px;
}

#comparatif th {
	background:#ffffff;
}

#comparatif td {
	padding:8px 3px;
	border-left:1px solid #bbbbbb;
	border-right:1px solid #bbbbbb;
}

#comparatif .bas_ligne {
	border-bottom:1px solid #bbbbbb;	
}

#comparatif td.ligne_paire {
	background:#EEEEEE;	
}

#comparatif td.ligne_paire2 {
	background:#EEEEEE;
}

#comparatif td.td_centre {
	text-align:center;	
}

#comparatif td.souscrire {
	padding:0;
}

#comparatif td.souscrire a {
	display:block;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	color:#FFFFFF;
	font-weight:bold;
	height:35px;
	line-height:35px;
}

#comparatif td.primer a {
	background:#81cd80;
}

#comparatif td.pro a {
	background:#32AE30;
}

#comparatif td.souscrire a:hover {
	background:#b0e0af;
	color:#32AE30;
}

#bloc_menu ul li {
	margin:0 0 1px 0;
	padding:0;
	list-style-type:none;
}

#bloc_menu ul li a {
	display:block;
	height:35px;
	line-height:35px;
	text-decoration:none;
	background:#f4e8ad;
	padding:0 0 0 15px;
	color:#754B01;
	font-size:14px;
}

#bloc_menu ul li a:hover {
	background:#F7F1D1;
	color:#CC6600;
}

#bloc_menu ul li.actif a {
	background:#FDD081;
	font-weight:bold;
	position:relative;
}

#bloc_menu ul li.actif a:hover {
	background:#FDD081;
	color:#754B01;
	cursor:default;
}

#bloc_menu ul li.actif a span.brown_arrow {
	display:block;
	width:10px;
	height:20px;
	background:url(../images/brown_arrow.png) top left no-repeat;
	position:absolute;
	left:-10px;
	top:8px;
}

#bloc_contact, #bloc_essais, #bloc_form_contact {
	background:#FDD081 url(../images/degrad14.jpg) bottom left repeat-x;
	padding:10px 0;
	margin-bottom:20px;
	position:relative;
}

#bloc_contact h4, #bloc_essais h4, #bloc_contact p, #bloc_essais p, #bloc_form_contact p {
	margin:0 15px;
}

#bloc_contact h4, #bloc_essais h4, #bloc_form_contact h4 {
	font-size:16px;
	margin-bottom:15px;
}

#bloc_form_contact p {
	margin-bottom:15px;	
}

#bloc_form_contact h4 {
	margin:0 15px 15px 15px;
	font-weight:bold;	
}

.button_col_page {
	display:block;
	text-align:center !important;
	height:45px;
}

.button_col_page a {
	display:block;
	height:45px;
	line-height:45px;
	text-decoration:none;
	color:#754B01;
	font-size:24px;
	background:#f4e8ad url(../images/degrad15.jpg) 0 0 repeat-x;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.button_col_page a:hover {
	background:#f4e8ad url(../images/degrad15.jpg) 0 -45px repeat-x;
	color:#CC6674;
}

#picto_phone {
	position:absolute;
	bottom:-5px;
	left:-15px;
	display:block;
	background:url(../images/phone2.png) top left no-repeat;
	width:50px;
	height:42px;
}

#picto_essais {
	position:absolute;
	bottom:-5px;
	left:-10px;
	display:block;
	background:url(../images/fiole.png) top left no-repeat;
	width:38px;
	height:55px;
}

/* css page contact */
#bloc_contact_page {
	background:#F3E9AC;
	padding:10px 15px;
	overflow:hidden;
	margin-bottom:25px;
}

#bloc_contact_page h4{
	font-weight:bold;
	margin:0 0 10px 0;
}

#bloc_contact_page p {
	float:left;
	margin:0 35px 0 0;
}

#bloc_contact_form p {
	float:left;
	margin:0 35px 0 0;
}

#bloc_contact_form p input {
	width:250px;
}

#bloc_contact_form textarea {
	width:525px;
	height:200px;
}

.lezard {
	padding-left:25px;
	background:url(../images/logo_lv.png) 6px 0 no-repeat;	
}

/*
    anythingSlider v1.0
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/


.anythingSlider { width: 950px; height: 250px; position: relative; margin:0; padding:0; }
.anythingSlider .wrapper { width: 950px; overflow: auto; height: 250px; margin: 0; position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper ul { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; }
.anythingSlider ul li { display: block; float: left; padding: 0; height: 200px; width: 950px; margin: 0; }
.anythingSlider .arrow { display: block; height: 200px; width: 67px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; }
.anythingSlider .forward { display:none;background-position: 0 0; right: 0px; }
.anythingSlider .back { display:none;background-position: -67px 0; left: 0px; }
.anythingSlider .forward:hover { background-position: 0 -200px; }
.anythingSlider .back:hover { background-position: -67px -200px; }

#thumbNav { position: relative; top: 228px; text-align:right; }
#thumbNav a { color: black; font: 11px/18px; Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #cccccc url(../images/cellshade2.png) bottom left repeat-x; text-align: center;}
#thumbNav a:hover { background-image: none; }
#thumbNav a.cur   { background: #DDEFF3; }

#start-stop { display:none;background: green; background-image: url(../images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#start-stop.playing { background-color: red; }
#start-stop:hover { background-image: none; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }

/* div id slide */
.anythingSlider div#slide_avantages {
	height:300px;
	background:url(../images/main_as_2.png) 61% bottom no-repeat;
}

.anythingSlider h2 {
	margin:0 25px 0 0;
	padding:40px 0 0 0;
	text-align:left;
}

.anythingSlider div#slide_avantages ul {
	width:230px;
}

.anythingSlider div#slide_avantages ul li {
	margin-bottom:10px;
	padding-left:30px;
	background:url(../images/picto_dagway.png) left 50% no-repeat;
}

