@charset "utf-8";

/* ------------------------ Mise en page --------------------*/
body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#666;
	background-color: #fff;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-repeat:repeat-x;
}

#container {
	position:absolute;
	left: 49%;
	width: 770px;
	margin: 0 auto;
	text-align: left;
	margin-left: -385px;
	min-height: 800px;
}

#conteneur {
	width: 555px;
}

#header {
	position:absolute;
	background-color:#FFFFFF;
	background-image: url(../images/bg_header.png);
	width: 770px;
	height: 78px;
}

#header a {
	color:#626a6c;
}

#header a:hover {
	color:#626a6c;
	text-decoration:underline;
}

#axe {
	text-align: right;
	padding-top: 7px;
	width: 350px;
}

#axe a {
	color:#CCC;
}

#axe a:hover {
	color:#0080C9;
	text-decoration:none;
	font-weight: normal;
}
#navigateurs {
	width:400px;
	float: right;
	text-align: right;
	margin-top: 10px;
}

#navigateurs a {
	font-size:10px;
	color:#999;
}

#navigateurs a:hover {
	font-size:10px;
	color:#0080C9;
	text-decoration: none;
}
#collin_footer {
	width:365px;
	float:left;
	padding-top:0px;
}

#anim {
	width: 770px;
	position: absolute;
	top: 102px;
	height: 71px;
	z-index: -999;
	left: 0px;
	margin-top: 1px;
}

#anim_index {
	position:absolute;
	top:102px;
	z-index: -999;
	margin-top: 1px;
}

#menuA {
	background-color:#0080c9;
	height:24px;
	width:770px;
	position: absolute;
	top: 78px;
	z-index: 999;
}
#recherche {
	text-align:center;
	width: 180px;
	float: right;
	color: #FFF;
	margin-right: 12px;
	margin-top: 5px;
	}
#fil_ariane {
	position: absolute;
	top:174px;
	height:22px;
	width:770px;
	border-bottom:1px solid #0080C9;
	line-height:22px;
	color:#A1BC31;
	font-weight: bold;
	}
#MainContentIndex {
	padding:20px 0px 50px 0px;
	width:770px;
	margin-top: 0px;
	text-align: left;
	position: absolute;
	top: 627px;
	list-style-image:url(../images/puce.png);
}

#MainContentIndex2 {
	padding:20px 0px 50px 0px;
	width:770px;
	margin-top: 0px;
	text-align: left;
	position: absolute;
	top: 680px;
	list-style-image:url(../images/puce.png);
}

#MainContent_Gris {
	padding:5px 0px 5px 0px;
	width:770px;
	background-color: #E7E7E7;
	position: absolute;
	top: 302px;
}
#MainContent_Gris2 {
	padding:0px 0px 5px 0px;
	width:770px;
	background-color: #E7E7E7;
	position: absolute;
	top: 307px;
}
#footer {
	width:770px;
	border-top: #198fcd 1px solid;
	background-color: #FFF;
	height: 80px;
	bottom: 0px;
}

#pied {
	width: 100%;
	border-top: #198fcd 1px solid;
	background-color: #FFF;
	height: 60px;
	bottom: 0px;
	position: fixed;
	color:#CCC;
	z-index: 999;
}

#pied p {
	color:#0080C9;
	font-size: 10px;
}

img {
	border:0px;
}

.fltrt {
	float: right;
	margin-left: 8px;
}

.fltlft {
	float: left;
	margin-right: 8px;
}

.clearfloat {
	height:0;
	font-size: 1px;
	line-height: 0px;
}

#MainContent {
	padding:0px 0px 10px 0px;
	width:770px;
	margin-top: 0px;
	text-align: left;
	position: absolute;
	top: 198px;
	left: 0px;
}

#MainContent li {
	list-style-type: square;
	padding-left: 5px;
	background-position: 0 2px;
	vertical-align:middle;
	line-height:16px;
	list-style-image: url(../images/puce.png);
}

.titre_menu_header {
	color:#aec342;
	font-size:12px;
	cursor:pointer;
	background-color: #FFF;
	width: 120px;
}

/*------------------------------------ LIENS  ---------------------------*/	
A:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0067cc;
	font-weight: normal;
	text-decoration: none;
}

A:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0067cc;
	font-style:normal;
	font-weight: normal;
	text-decoration: none
}

A:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0067cc;
	font-style:normal;
	font-weight: normal;
	text-decoration: underline
}

/*------------------------------------ LIENS MENU ---------------------------*/	
#menuA a:link, #menuA a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	margin-left:0px;
}

#menuA a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	text-decoration:none;
}

li {
	margin-top:8px;
	list-style-type: square;
}

h1 {
	color:#198fcd;
	font-size:13px;
	font-weight:bold;
	background-image:url(../images/collin_puce.png);
	background-repeat:no-repeat;
	padding-left: 20px;
	margin-top: 10px;
	margin-bottom: 15px;
}

h2 {
	color:#97BC0A;
	font-size:11px;
}

#haut_page {
	height: 60px;
	line-height: 21px;
	text-align: right;
	clear: both;
	float:right;
	padding-top:20px;
	padding-bottom: 50px;
}

#haut_page a {
	color:#FFF;
	font-weight:bold;
	display: block;
	width: 120px;
	height: 21px;
	float: right;
	text-align: center;
	background-image: url(../images/bg_top.png);
	background-position: 0 21px;
}

#haut_page a:hover {
	font-weight:bold;
	color:#006;
	background-image: url(../images/bg_top.png);
	background-position: 0 0px;
	text-decoration: none;
}

#retour {
	height: 21px;
	line-height: 21px;
	padding: 20px 5px 20px 5px;
	text-align: right;
	float:right;
	margin-right: 300px;
}

#retour a {
	color:#FFF;
	font-weight:bold;
	display: block;
	width: 120px;
	height: 21px;
	float: right;
	text-align: center;
	background-image: url(../images/bg_top.png);
	background-position: 0 21px;
}

#retour a:hover {
	font-weight:bold;
	color:#FFF;
	background-image: url(../images/bg_top.png);
	background-position: 0 0px;
}

.images {
	float:right;
	padding:10px;
	margin-right:48px;
	margin: 0 0 10px 50px;
}

.col_images {
	float:right;
	padding:3px;
	margin-right:48px;
	margin: 0 0 10px 20px;
	background-color: #e7e7e7;
	width: 170px;
	border: 2px dotted #0081cd;
}

.col_images p {
	text-align: center;
}

.cadre_news {
	padding-bottom: 10px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #0067CC;
}

#table_patients {
	width:560px;
}

#table_patients td {
	border-collapse:collapse;
	padding:3px;
	border-bottom: 1px dotted #CCC;
}

#div_h1 {
	margin:0px 0 20px 0;
}

p {
	text-align:left;
}

table a {
	color:#0067cc;
	text-decoration:none;
}

table a:hover {
	color:#0067cc;
	text-decoration: underline;
}

.td_image {
	padding:10px;
	background-color:#E7E7E7;
	border: 2px dotted #0081cd;
}

/*----------PAGE PRODUITS---------*/	
	
#MainContent_produits {
	padding:0px 0px 50px 0px;
	text-align: left;
	position: absolute;
	top: 198px;
	width: 770px;
	z-index: 0;
	background-image:url(../images/bg_container_produits.jpg);
}

#gauche_produits {
	width: 273px;
	float: left;
	padding: 10px;
	margin-top: 1px;
}

#gauche_produits li {
	margin-left:-33px;
	list-style-type: none;
	background-image: url(../images/puce_produits.png);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: 0 2px;
}

#droite_produits {
	width: 464px;
	float: right;
	padding: 8px 0 0 10px;
	
}

#droite_produits li {
	margin-left:-20px;
	list-style-type: square;
	padding-left: 5px;
	background-position: 0 2px;
	vertical-align:middle;
	line-height:16px;
	list-style-image: url(../images/puce.png);
}

/*------------WEBMASTER--------------*/
.webmaster {
	color: #F00;
	font-weight: bold;
	font-size: 10px;
}

/*------------NAVIG AIRWICK--------------*/
#navigation {
	height: 20px;
	line-height:18px;
	background-color:#A1BB30;
	float: left;
	color: #0169B0;
	font-weight: bold;
	z-index: 999;
	width: 770px;
}

#axe {
	width:300px;
	float:right;
	line-height:20px;
}

#contact_collin {
	line-height: 30px;
	height:30px;
	padding: 0;
	float:right;
	clear: both;
	background-color: #E8F5FE;
	display: block;
	width: 439px;
	margin-top:20px;
	border: #0080C9 solid 1px;
	text-align:center;
	font-weight:bold;
	margin-right: 12px;
}

#contact_collin a {
	font-weight:bold;
}

/* Formulaire contact */

#contact {
	width:500px;
	margin:0 auto;
	padding:10px;
	height:100px;
	background-image: url(../images/bg_body.jpg);
	background-repeat: repeat-x;
	color:#FFF;
}

#contact a {
	color:#FFF;
}

.form_contact {
	padding-left:10px;
	font-family:Verdana, Geneva, sans-serif;
}

.form_contact label {
	display: block;
	width: 160px;
	float: left;
	padding-right: 1%;
	text-align: right;
	letter-spacing: 1px;
	font-size: 11px;
}

.form_contact input, .form_contact select {
	margin-left: 1%;
	width: 520px;
	border: #CCC 1px solid;
	margin-bottom:10px;
	background-color: #F0F0EE;
}

.form_contact input:hover {
	background-color:#97C00E;
	color:#FFF;
}

.form_contact textarea {
	margin-left: 1%;
	width: 520px;
	border: #CCC 1px solid;
	background-color: #F0F0EE;
}

.form_contact textarea:hover {
	background-color:#97C00E;
	color:#FFF;
}

.form_contact .orange {
	color:#97C00E;
}

.form_contact .button {
	background-color:#97C00E;
	color: #FFF;
	font-weight: bold;
	width: 200px;
	;
	margin-left: 150px;
	cursor: pointer;
}


/* Form valid */

.form_valid {
	padding:20px 10px 10px 10px;
	font-family:Verdana, Geneva, sans-serif;
	background-color:#cce5f5;
	margin:0 auto;
	width:650px;
	border:1px solid #0080c9;
}

.form_valid label {
	display: block;
	width: 250px;
	float: left;
	padding-right: 1%;
	text-align: right;
	letter-spacing: 1px;
	font-size: 11px;
}

.form_valid input, .form_valid select {
	margin-left: 1%;
	width: 250px;
	border: #CCC 1px solid;
	margin-bottom:10px;
	background-color: #F0F0EE;
}

.form_valid input:hover {
	background-color:#97C00E;
	color:#FFF;
}

.form_valid textarea {
	margin-left: 1%;
	width: 520px;
	border: #CCC 1px solid;
	background-color: #F0F0EE;
}

.form_valid textarea:hover {
	background-color:#97C00E;
	color:#FFF;
}

.form_valid .orange {
	color:#97C00E;
}

.form_valid .button {
	background-color:#97C00E;
	color: #FFF;
	font-weight: bold;
	width: 200px;
	;
	margin-left: 150px;
	cursor: pointer;
}

/* Liste des documents et video */
#table_bo {
	width:440px;
	border-collapse:collapse;
	border: 1px solid #198fcd;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#table_bo td {
	padding:5px;
	border-collapse:collapse;
	border: 1px solid #198fcd;
}

#table_bo td a {
	display:block;
	width:93px;
	height:21px;
	background-image:url(../images/bg_bt.png);
	color:#FFF;
	line-height:19px;
}

#table_bo td a:hover {
	text-decoration:none;
	font-weight:bold;
}

.flag {
	width:40px;
	height:40px;
	float:right;
	margin-top: 5px;
}

.texte_h2 {
	color:#97BC0A;
	font-size:11px;
	font-weight:bold;
}

#envoi_mail_contact {
	width:180px;
	float:right;
	margin-top:30px;
	/*border: #0080C9 solid 1px;*/
	padding: 5px;
	height: 45px;
	line-height: 22px;
	text-align: center;
	background-image: url(../images/bg_envoi_mail_contact.png);
	background-repeat: no-repeat;
	background-position: center;
}



.blocs_contact {
	background-image:url(../images/bg_blocs_contact.png);
	background-color: #E7E7E7;
	background-position: bottom;
	background-repeat: repeat-x;
	border-left: 3px solid #0080c9;
}
/** Table pour les listes des ateliers */
.table_atelier {
	width:100%;
	border-collapse:collapse;
	border: 1px solid #198fcd;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.table_atelier th {
	padding:5px;
	border-collapse:collapse;
	border: 1px solid #999;
	text-align:center;
	background-color: #A1BC31;
	color: #FFF;
}

.table_atelier td {
	padding:5px;
	border-collapse:collapse;
	border: 1px solid #999;
}

.table_atelier td a {
	display:block;
	width:93px;
	height:21px;
	background-image:url(../images/bg_bt.png);
	color:#FFF;
	line-height:19px;
	text-align:center;
}

.table_atelier td a:hover {
	text-decoration:none;
	font-weight:bold;
}
#sites_digipointeurs {
	width:300px;
	margin: 0 auto;
	text-align: center;
	height: 30px;
	line-height: 30px;
	background-image: url(../images/bg_sites_digipointeurs.png);
	}
#sites_digipointeurs a:hover{
	text-decoration:none;
	font-weight:bold;
}
/* -------------------OFFRES SPECIALES---------------------*/
#offres_spe {
	width: 765px;
	background-image: url(../images/bg_offres_spe.png);
	height: 40px;
	padding: 2px 10px 0 0;
	background-repeat: no-repeat;
	text-align: right;
	}

#offres_spe2 {
	width: 765px;
	background-image: url(../images/bg_offres_spe2.png);
	height: 40px;
	padding: 2px 5px 0 0;
	background-repeat: no-repeat;
	text-align: right;
}

#offres_spe3 {
	width: 765px;
	background-image: url(../images/bg_offres_spe2.png);
	height: 40px;
	padding: 2px 5px 0 0;
	background-repeat: no-repeat;
	text-align: right;
	margin-bottom: 5px;
}


#table_promotions td{
	height:24px;
	width:540px;
	font-size:11px
	}
#table_promotions a{
	font-weight:bold;
}
	
.exposant {
	vertical-align:sub;
	font-size: 8px;
	}
#titre_der_news {
	background-color:#0F6;
	text-align:left;
	height:30px;
	}
/*--------- Bouton ------------*/
.bouton_cat {
	background-image:url(../images/bg_sites_digipointeurs.png);
	width: 300px;
	height: 30px;
	margin-left: 50px;
	line-height: 30px;
	text-align: center;
	}
#img_xcat {
	float:right;
	width:148px;	
	}
.rouge {
	color:#F00;
	}