@charset "utf-8";
/* CSS Document */

body {
	margin: 3px 0 6px 0;
	padding: 0;
	background: #1B4594;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #4c4c4c;
	line-height: 14px;
	text-align: justify;
}

h1 {
	font-size: 14px;
	color: #f60;
	height: 20px;
	margin: 10px 0 10px 0;
	background: url(../images/interface/bg-h1.gif) 0 16px no-repeat;
}

h2 {
	font-size: 12px;
	color: #7b6aa6;
	margin: 20px 0;
}

p {
	margin: 10px 0;
	clear: both;
}

.p-clear{
	margin: 10px 0;
	clear: none;
}

.main-content .col-left a, a:link, a:visited, a:active {
	text-decoration: underline;
	color: #4e3984;
}

.main-content .col-left a:hover {
	text-decoration: none;
}

.main-content .col-right a, a:link, a:visited, a:active {
	text-decoration: underline;
	color: #4e3984;
}

.main-content .col-right a:hover {
	text-decoration: none;
}

ul {
	margin-left: 20px;
}

.ul-interne {
	margin-left: 190px;
}

li {
	margin: 10px 0;
	list-style-image:url(../images/interface/point_liste.gif);
}

.li-image {
	margin: 0 0 25px 0;
	list-style-image:none;
	height:60px;
}
.li-image-min {
	margin: 0 0 25px 0;
	list-style-image:none;
	height:20px;
}

/*/////////////////////////////////////////////////////////*/

.header-title {
	margin: 0 auto;
	padding: 18px 6px 6px 6px;
	width: 738px; /* 752px - padding - borders */
	/*height: 80px;*/
	background: #fff;
	border-top: solid 1px #000;
	border-right: solid 1px #000;
	border-left: solid 1px #000;
	color: #4c4c4c;
	font-size: 24px;
	font-weight: bold;
	text-align: right;
}

.header-visuel {
	margin: 0 auto;
	padding: 0 6px;
	width: 738px; /* 752px - padding - borders */
	height: 140px; /* 140px - padding - borders */
	background: #fff;
	border-right: solid 1px #000;
	border-left: solid 1px #000;
}
.pic-accueil-1 { background: #fff url(../images/illustrations/pic-accueil-1.jpg) 6px 0 no-repeat; }
.pic-accueil-2 { background: #fff url(../images/illustrations/pic-accueil-2.jpg) 0 0 no-repeat; }
.pic-presentation-1 { background: #fff url(../images/illustrations/pic-presentation-1.jpg) 6px 0 no-repeat; }
.pic-presentation-2 { background: #fff url(../images/illustrations/pic-presentation-2.jpg) 0 0 no-repeat; }
.pic-enjeux-1 { background: #fff url(../images/illustrations/pic-enjeux-1.jpg) 6px 0 no-repeat; }
.pic-enjeux-2 { background: #fff url(../images/illustrations/pic-enjeux-2.jpg) 0 0 no-repeat; }
.pic-services-1 { background: #fff url(../images/illustrations/pic-services-1.jpg) 6px 0 no-repeat; }
.pic-services-2 { background: #fff url(../images/illustrations/pic-services-2.jpg) 0 0 no-repeat; }
.pic-competences-1 { background: #fff url(../images/illustrations/pic-competences-1.jpg) 6px 0 no-repeat; }
.pic-competences-2 { background: #fff url(../images/illustrations/pic-competences-2.jpg) 0 0 no-repeat; }
.pic-garanties-1 { background: #fff url(../images/illustrations/pic-qualite-1.jpg) 6px 0 no-repeat; }
.pic-garanties-2 { background: #fff url(../images/illustrations/pic-qualite-2.jpg) 0 0 no-repeat; }
.pic-references-1 { background: #fff url(../images/illustrations/pic-references-1.jpg) 6px 0 no-repeat; }
.pic-references-2 { background: #fff url(../images/illustrations/pic-references-2.jpg) 0 0 no-repeat; }
.pic-contact-1 { background: #fff url(../images/illustrations/pic-contact-1.jpg) 6px 0 no-repeat; }
.pic-contact-2 { background: #fff url(../images/illustrations/pic-contact-2.jpg) 0 0 no-repeat; }
.pic-actualites-1 { background: #fff url(../images/illustrations/pic-actualites-1.jpg) 6px 0 no-repeat; }
.pic-actualites-2 { background: #fff url(../images/illustrations/pic-actualites-2.jpg) 0 0 no-repeat; }

.menu1 {
	margin: 0 auto;
	padding: 10px 6px 0 6px;
	width: 738px; /* 752px - padding - borders */
	height: 20px; /* 30px - padding - borders */
	background: #fff;
	border-right: solid 1px #000;
	border-left: solid 1px #000;
}

.menu1 a, .menu1 a:visited, .menu1 a:active {
	float: left;
	display: block;
	color: #999;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	margin-right: 54px;
}
.menu1 a.last, .menu1 a.last:visited, .menu1 a.last:active {
	margin-right: 0px;
	float: right;
}
.menu1 a:hover, .menu1 #selected {
	color: #f60 !important;
}


a.ss_selected:visited, a.ss_selected:active, a.ss_selected:hover, a.ss_selected:link{
color: #f60;
text-decoration: none;
}

.teaser-home{
	text-align: right;
	font-style:italic;
	padding-right:24px;
}
.teaser{
	text-align: right;
	font-style:italic;
	padding-right:0px;
}

.footer .menu2 {
	width: 554px;
	height: 19px; /* 20px - padding - borders */
	margin: 0;
	float: left;
	font-size: 10px;
	color: #fff;
	border-bottom: solid 1px #bdb4d2;
}

.footer .menu2 a, .footer .menu2 a:visited, .footer .menu2 a:active {
	float: left;
	display: block;
	color: #000;
	font-size: 9px;
	margin-right: 8px;
	text-decoration: none;
}
.footer .menu2 a:hover {
	color: #f60;
	text-decoration: underline;
}

.main-content {
	margin: 0 auto;
	padding: 0 6px 6px 6px;
	width: 738px; /* 752px - padding - borders */
	background: #fff;
	border-right: solid 1px #000;
	border-left: solid 1px #000;
	border-bottom: solid 1px #000;
}

.main-content .col-left {
	width: 179px; /* 179px - padding */
	padding: 100px 0 52px 0;
	margin: 0 5px 0 0;
	float: left;
}
.main-content .col-left ul{
	margin: 7px 0 0 22px;
}
.main-content .col-left ul li{
	margin: 4px 0 0 0;
}
.main-content .col-left span{
	color: #FF6600;
	font-weight: bold;
	font-size: 13px;
	margin: 0 0 0 12px;
}
.main-content .col-left .saviez-vous {
	margin: 28px 0 0 0;
}
.main-content .col-left .saviez-vous p {
	font-size: 10px;
	color: #666;
	margin: 0 12px 10px 12px;
	line-height: 13px;
	text-align: justify;
	clear:none;
}

.main-content .col-right {
	width: 530px; /* 554px - padding */
	min-height: 360px;
	padding: 0 12px 12px 12px;
	margin: 6px 0;
	float: right;
	background: #f6f2ff;
}

.main-content .col-right .div-contact {
	width: 100%;
	clear: both;
	padding: 10px 0 0 0;
	text-align: right;
}

.main-content .col-right .accroche-contact-titre {
	width: 515px;
	background-color: #FF6600;
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px 5px 5px 10px;
	margin-right: 10px;
	margin-bottom: 7px; 
	float: left;
}

.main-content .col-right .accroche-contact {
	width: 140px;
	height: 30px;
	background: url(../images/interface/fleche.gif) 10px 10px #FFF no-repeat;
	border-top: 4px solid #FF6600; 
	padding: 7px 7px 7px 23px;
	margin-right: 10px;
	margin-bottom: 20px; 
	float: left;
}

.col-right img{
	margin: 0 12px 15px 0;
	float: left;
}

.col-right .img-montagne {
	margin: 0 74px 30px 74px;
	float: left;
	display: block;
}
.col-right .img-montagne-min {
	margin: 0 0 30px 125px;
	float: left;
	display: block;
}

.main-content .col-right .illustration {
	width: 120px;
	height: 260px;
	margin: 12px 10px 0 0;
	float: left;
}
.main-content .col-right .illustration.accueil { background: url(../images/illustrations/vignette_accueil.jpg) 0 0 no-repeat; }
.main-content .col-right .illustration.presentation { background: url(../images/illustrations/vignette_presentation.jpg) 0 0 no-repeat; }
.main-content .col-right .illustration.enjeux { background: url(../images/illustrations/vignette_enjeux.jpg) 0 0 no-repeat; }
.main-content .col-right .illustration.services { background: url(../images/illustrations/vignette_services.jpg) 0 0 no-repeat; }
.main-content .col-right .illustration.competences { background: url(../images/illustrations/vignette_competences.jpg) 0 0 no-repeat; }
.main-content .col-right .illustration.charte-qualite { background: url(../images/illustrations/vignette_charte-qualite.jpg) 0 0 no-repeat; }
.main-content .col-right .illustration.references { background: url(../images/illustrations/vignette_references.jpg) 0 0 no-repeat; }
.main-content .col-right .illustration.contact { background: url(../images/illustrations/vignette_contact.jpg) 0 0 no-repeat; }

.main-content .col-right .content {
	width: 554px;
	margin: 0 0 0 0;
	padding-bottom: 20px;
}
.main-content .col-right .content .quote {
	width: 532px; /* 532px - padding */
	padding-right: 90px;
	background: url(../images/illustrations/manager_allemand.gif) top right no-repeat;
}

.main-content .one-col  {
	width: 530px; /* 554px - padding */
	padding: 10px 12px 0 12px;
	float: left;
	background: #f6f2ff;
}


.footer {
	width: 100%;
	height: 65px;
	clear: both;
}
.footer .copyright {
	width: 179px; /* 179px - padding */
	padding: 0;
	margin: 0 5px 0 0;
	float: left;
}
.footer .copyright a.adelink-link {
	width: 91px;
	height: 22px;
	margin: 36px 0 0 80px;
	display: block;
	background: url(../images/interface/adelink_petit.gif) 0 0 no-repeat;
}
.footer .coordonnees {
	float: left;
	width: 528px; /* 538 - padding */
	font-size: 11px;
	padding: 2px 10px 0 0;
	line-height: 14px;
}
.footer .coordonnees span.title {
	font-size: 12px;
	font-weight: bold;
}
.footer .cnil {
	width: 100%;
	float: left;
	margin-top: 12px;
	font-size: 10px;
	line-height: 10px;
	color: #fff;
}
.footer .cnil a, a:active, a:visited{
	color: #fff;
}
.footer .cnil a:hover{
	color: #fff;
	text-decoration: underline;
}

input.formulaire_moyen {
	font-family: Arial, Helvetica, sans-serif;
	color : #4C4C4C;
	font-size: 11px;
	width: 360px;
	height: 20px;
}
input.formulaire_petit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #4C4C4C;
	width: 190px;
	height: 20px;
}

input.bouton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #4C4C4C;
	width: 120px;
	height: 20px;
	margin: 10px 45px 0 0;
}

a.mentions-legales-menu, a.mentions-legales-menu:visited, a.mentions-legales-menu:active {
	width: 255px;
	height: 25px;
	line-height:25px;
	text-align: center;
	display: block;
	float: left;
	margin: 20px 0;
	text-decoration: none;
	color: #000;
	background: url(../images/interface/bg-link.gif) 0 0 repeat-x;
}
a.mentions-legales-menu.first {
	margin-right: 10px;
}
a.mentions-legales-menu.current, a.mentions-legales-menu:hover {
	background: url(../images/interface/bg-link.gif) 0 -25px repeat-x;
}

