@charset "iso-8859-1";

BODY {
	background: url(img/bg.gif) #ffffff;
	color: #000000;
	font-family: verdana;
	font-size: 12px;
	font-weight: normal;
	margin: 0px;
	}
FORM {
	padding: 0px; 
	margin: 0px;
	}
TABLE {
	border-collapse: collapse
	}
TD {
	font-size: 11px; 
	font-family: verdana;
	padding: 0px;
	}
H1 {
	font-size: 18px; 
	font-family: verdana; 
	font-weight: bolder; 
	color: #FFFF99;
	}
H2 {
	font-size: 16px; 
	font-weight: bolder; 
	}
H3 {
	font-size: 14px; 
	}
H4 {
	font-size: 12px; 
	}
IMG {
	border: none;
	}
A {
	cursor: pointer;
	}
A:link , A:active , A:visited {
	color: #990000; 
	text-decoration: none;
	}

/* admin */

.adm_layout {
	background: #ffffff;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	padding-top: 10px;
	text-align: left;
	border: 1px #dddddd dashed;
	border-top: 0px;
}

.adm_layout .logo {
	display: block;
	margin-left: 10px;
}

.adm_cols {
	margin: 0px;
}

.adm_cols .col1 {
	padding-top: 10px;
	vertical-align: top;
	width: 150px;
}

.adm_cols .col2 {
	padding: 10px;
	vertical-align: top;
}

#adm_item_list li {
	display: inline;
}

/*WS::STYLE:::::::::::::::::::::::::::::::::::::::::::::::::*/

/* admin_form */

.admin_form {
	text-align: left;
}

.admin_form .data {
	padding: 5px;
}

.admin_form .group_title {
	background: #b1d8f0;
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 3px;
}

.admin_form .input_textarea {
	width: 300px;
	height: 200px;
}

.admin_form .mod_title {
	margin-top: 30px;
	text-decoration: underline;
}

.admin_form .submit {
	padding: 5px;
}

.admin_form .title {
	padding: 4px;
}

/* admin_list */

.admin_list {
	text-align: left;
}

.admin_list .data {
	padding: 5px;
}

.admin_list .group_title {
	background: #b1d8f0;
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 3px;
}

.admin_list .input_textarea {
	width: 300px;
	height: 200px;
}

.admin_list .mod_title {
	margin-top: 30px;
	text-decoration: underline;
}

.admin_list .submit {
	padding: 5px;
}

.admin_list .title {
	background: #b1d8f0;
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 3px;
	text-align: center;
	border-right: 1px solid white;
}

/* contact_form */

.contact_form .input_textarea {
	width: 300px;
	height: 200px;
}

/* content */

.content {
	font-size: 11px;
	font-family: verdana;
	line-height: 150%;
	padding: 20px;
	text-align: justify;
}

.content  ADDRESS  {
	background: #DDD1C5;
	padding: 15px;
	color: #333333;
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	font-family: arial;
}

.content  H1  {
	color: #00539F;
	font-size: 13px;
	font-weight: bold;
	margin-top: 20px;
}

.content  H2  {
	font-size: 14px;
	font-weight: bold;
}

.content  H3  {
	padding: 4px;
	background: #B7CCE9;
	border-bottom: 0px solid #83A4D5;
	border-top: 4px solid #83A4D5;
	clear: both;
}

.content  H4  {
	border-bottom: 1px solid #1E2D44;
	padding-left: 10px;
	font-size: 15px;
	font-weight: bold;
	color: #03539A;
	background: #ffffff;
}

.content  P  {
	margin: 0px;
	padding: 0px;
}

.content  PRE  {
	margin-top: 10px;
	color: #000000;
	padding:5px;
	background: #D8C8C0;
	border: 2px outset;
	margin-left: auto;
	margin-right: auto;
	width: 140px;
}

.content  TABLE  TBODY  TR  TD  {
	vertical-align: top;
}

.content  UL  {
	margin: 5px;
	margin-left: 15px;
	padding: 0px;
}

.content  UL  LI  {
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 150%;
}

/* content_edit */

.content_edit .add {
	color: #5F0018;
	cursor: pointer;
}

.content_edit .categ {
	margin-bottom: 10px;
}

.content_edit .categ .title {
	color: #FFFFFF;
	font-weight: bold;
	background: rgb(35,67,106);
	padding: 3px;
}

.content_edit .edit {
	width: 540px;
}

.content_edit .htmlarea {
	width: 540px;
	border: 1px solid #000000;
	height: 410px;
}

.content_edit .htmlarea_menu {
	width: 540px;
	border: 1px solid #000000;
	background: #5A7AAC;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}

.content_edit .item {
	border-bottom: 1px solid #dddddd;
	padding-top: 5px;
}

.content_edit .list {
	margin: 10px;
}

.content_edit A:active {
	color: #000000;
}

.content_edit A:link {
	color: #000000;
}

.content_edit A:visited {
	color: #000000;
}

/* contest_form */

.contest_form {
	background-image: url(img/bg_formulaire.gif);
	width: 490px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	padding-bottom: 6px;
}

.contest_form #error {
	background: #ffcc66;
	padding: 10px;
	margin-left: 20px;
	margin-right: 20px;
	border: 1px dashed #000000;
}

.contest_form .data {
	width: 200px;
	text-align: left;
}

.contest_form .group_title {
	padding: 10px;
	color: #ffffff;
	font-size: 14px;
}

.contest_form .message {
	text-align: center;
	padding: 40px;
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
}

.contest_form .submit {
	padding: 10px;
}

.contest_form .title {
	width: 120px;
	text-align: right;
	padding-right: 10px;
	color: #ffffff;
	font-weight: bold;
}

.contest_form  TABLE  {
	margin-left: auto;
	margin-right: auto;
}

/* form */

.form .complete_msg {
	background: #f4bd42;
	margin: 10px;
	padding: 10px;
	color: #000000;
	font-weight: bold;
}

.form .group_title {
	background: #8BBEF6;
	margin: 10px;
	margin-left: 0px;
	padding: 5px;
}

.form .message {
	margin: 10px;
	padding: 10px;
	background: #;
	color: #000000;
}

.form .title {
	width: 130px;
}

/* general */

/* list */

.list .title {
	background: #8BBEF6;
	padding: 5px;
	text-align: center;
	border: 1px solid #ffffff;
}

.list .data {
	padding: 5px;
	border-bottom: 1px dashed #dddddd;
	text-align: left;
	vertical-align: top;
}

.list ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.list li {
	text-align: left;
	margin: 0px;
}

/* mailing */

.mailing .input_textarea {
	width: 400px;
	height: 400px;
}

/* menu_right */

.menu_right {
	text-align: right; 
	margin-top: 0px;
}

.menu_right .item {
	margin: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 15px;
	text-align: right;
	color: #ffffff;
	font-weight: bold;
	border-bottom: 1px solid #4369B2;
	border-top: 1px solid #B7CCE9;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	background: #83A4D5;
}

.menu_right  .item  A  {
	color: #ffffff;
		font-weight: bold;
}

.menu_right A:active {
	color: #ffffff;
		font-weight: bold;
}

.menu_right A:hover {
	text-decoration: underline;
}

.menu_right A:link {
	color: #ffffff;
		font-weight: bold;
}

.menu_right A:visited {
	color: #ffffff;
		font-weight: bold;
}

/*WS::STYLE:::::::::::::::::::::::::::::::::::::::::::::::::*/

.main {
	width: 708px;
	margin-left: auto;
	margin-right: auto;
	}

.top img {
	display: block;
}

.menu {
	width: 708px;
	height: 25px;
	background: url(img/menu_bg.gif);
	}

.menu img {
	display: block;
}

.menu .links {
	text-align: right;
	}

.menu .links TABLE {
	margin-left: auto;
	margin-right: 0px;
	}

.menu .links .item {
	background: url(img/menu_item_bg.gif);
	padding-left: 10px;
	padding-right: 10px;
	}

.menu .links .end {
	background: url(img/menu_item_bg.gif);
	}

.menu .links .item A:link , .menu .links .item A:visited , .menu .links .item A:active {
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	}

.menu .links .item A:hover {
	text-decoration: underline;
	}
	
.sidemenu {
	width: 189px;
	vertical-align: top;
	border: 1px solid #000000;
	background: url(img/sidemenu_bg.gif) #ffffff;
	}

.sidemenu img {
	display: block;
}

.sidemenu .title {
	margin: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 15px;
	text-align: right;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #4369B2;
	border-top: 1px solid #B7CCE9;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	background: #000099;
	}

.cols {
	border-top: 10px solid #1A478B;
	}
	
.cols TD {
	border-left: 1px solid #1A478B;
	vertical-align: top;
	}
	
.cols .first {
	border-left: none;
	}
	
.cols .hometxt {
	padding: 10px;
	}

.cols .plus {
	margin-left: 15px;
	margin-top: 10px;
	}

.visit3d_link {
	border-top: 10px solid #1A478B;
	}
	
.visit3d_link img {
	display: block;
	}

.bottom {
	background: url(img/bottom_bg.gif);
	padding: 10px;
	color: #ffffff;
	font-size: 11px;
	text-align: center;
	border: 1px solid #000;
	}

.bottom A:link , .bottom A:active , .bottom A:visited {
	color: #ffffff;
	font-size: 11px;
	}

.bottom A:hover {
	text-decoration: underline;
}

/* content defined styles */

.content_layout {
	width: 516px;
	vertical-align: top;
	border: 1px solid #000;
	background: #ffffff;
	}


/* special content styles */
.content_layout .content_title {
	background: url(img/title_bg.gif);
	border-bottom: 2px solid #1A478B;
	padding: 20px;
	font-size: 14px;
	font-weight: bold;
	}

.content .center {
	text-align: center;
	}

.content .brand {
	width: 400px;
	margin-left: 30px;
	}

.content .brand TD {
	text-align: center;
	}

#img_top_16 {
	/*cataractes*/
	background: #000000;
	}

#img_top_15 {
	/*glocaumes*/
	background: #000000;
	}
	
#img_top_19 {
	/*ecoliers*/
	background: #938942;
	}
	
#img_top_17 {
	/*ordi*/
	background: #786E17;
	}
	
#img_top_18 {
	/*age d or*/
	background: #A49857;
	}

#img_top_14 {
	/*lentilles*/
	background: #382A7D;
	}
	
/* visite 3d */
	
.content_layout .visit3d {
	padding-top: 30px;
	text-align: center;
	}
	
.content_layout .visit3d DIV {
	font-weight: bold;
	margin-top: 20px;
	}
	
.content_layout .visit3d TABLE {
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	}
	
.content_layout .visit3d TD {
	padding: 10px;
	}
	
/* CSS FORMULAIRE CONCOURS */

.concours {
	text-align: center;
	padding-top: 20px;
}

.concours .header {
	margin-bottom: 20px;
}

.concours .top_form	{
	background-image: url(img/top_formulaire.gif);
	width: 490px;
	height: 29px;
	margin-top: 10px;
	font-family:Verdana;
	font-size: 14px;
	font-weight:bold ;
	color:#FFFFFF;
	padding-top: 10px;
	margin-left: auto;
	margin-right: auto;
}

.concours .bottom_form	{
	background-image: url(img/bottom_formulaire.gif);
	width: 490px;
	height: 107px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}

.concours .bottom_form .titre	{
	font-family:Verdana;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 10px;
	padding-left:35px;
	}
.concours .bottom_form .texte {
	padding-top:2px;
	line-height:16px;
	font-family:Verdana;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	}