.header { width: 100%; height: auto; margin: 0 0 0 0; padding: 0 0 0 0; color: white; }
.header a{ color: white; text-decoration: none; }
/*.header_1 { background: url(../images/header_1.png); height: 32px; }
.header_2 { background: url(../images/header_2.png); height: 88px; }
.header_3 { background: url(../images/header_3.png); height: 32px; }
.header_1_1 { background: url(../images/header_1.png); width: 998px; margin: 0 auto; height: 100%; }
.header_2_1 { background: url(../images/header_2.png); width: 998px; margin: 0 auto; height: 100%; }
.header_3_1 { background: url(../images/header_3.png); width: 998px; margin: 0 auto; height: 100%; }*/
.header_1 { background-color: black; height: 32px; }
.header_2 { background-color: black; height: 88px; }
.header_3 { background-color: black; height: 32px; }
.header_1_1 { background-color: black; width: 998px; margin: 0 auto; height: 100%; }
.header_2_1 { background-color: black; width: 998px; margin: 0 auto; height: 100%; }
.header_3_1 { background-color: black; width: 998px; margin: 0 auto; height: 100%; }
.login_box { margin-top: 16px; float: right; }
.login_box div { display: inline; float: left; margin-left: 10px; }
.login_box label { margin-bottom: 2px; }
.login_box input[type="text"], input[type="password"] { width: 100px; height: 14px; background-color: white; margin-bottom: 2px; }
.login_box input[type="submit"] { background: url(../images/background-submit-login.png); margin-top:16px; height: 22px; color:white; border:2px solid #FFFFFF; font-weight:bold; }
.login_box a { font-weight: bold; }
.menu_new { display: inline; float: left; margin-top: 6px; margin-left: -4px; font-size: 14px; font-weight: bold; }
.menu_new a { background: url(../images/menu-trait-vertical.png) no-repeat; display: table-cell; vertical-align: middle; padding: 0px 8px 0px 10px; }
.menu_new a:hover { background-color: #51A7FA; }
.menu_new a:first-child { background-image: none; }
.menu_new a:hover:first-child  { background-color: transparent; }
.menu_acces { display: table-cell; float: right; width: 230px; margin-right: 12px; margin-top: 8px; text-align: center; }
a.bouton_acces { background-color: orange; font-size: 14px; font-weight: bold; padding: 3px 10px 3px 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-radius: 5px; }
a:hover.bouton_acces { background-color: #ffc14e; }

.menu_gauche { width: 214px; border: 2px solid #d7d7d7; margin-bottom: 10px; }
.menu_gauche_titre { background-color: #28a1da; color: white; font-size: 12pt; font-weight: bold; text-align: center; padding-top:6px; padding-bottom:6px; }
.menu_gauche ul { position: relative; left: -6px; }

.liste_fleche { list-style-image: url(../images/fleche-mg.png); }
.liste_fleche a { position: relative; top:0px; color: black; font-weight: bold; }
.liste_fleche li { padding: 3px 0px 3px 0px; }

a.bouton1 { display: table; height: 100px; margin: 10px 10px 10px 10px; border: 2px solid #5caee8;
		background:#e6f3ff url(../images/bouton1-icone.png) 12px 12px no-repeat;
		color: #5caee8; font-size: 12pt; font-weight: bold; text-align: left; text-decoration: none;
		border-radius: 5px; -moz-border-radius: 5px; -webkit-radius: 5px; }
a.bouton1 span.bouton1 { display: table; margin: 14px 12px 10px 90px; }
a.bouton1 b.bouton1 { color: navy; font-size: 15pt;}
a:hover.bouton1 { background-color: #abd8ff; }

a.bouton2 { display: table; height: 100px; margin: 10px 10px 10px 10px; border: 2px solid #804710;
		background:#fbc024 url(../images/bouton2-icone.png) 22px 16px no-repeat;
		color: white; font-size: 12pt; font-weight: bold; text-align: left; text-decoration: none;
		border-radius: 5px; -moz-border-radius: 5px; -webkit-radius: 5px; }
a.bouton2 span { display: table; margin: 14px 12px 10px 90px; }
a.bouton2 b { color: #804710; font-size: 15pt;}
a:hover.bouton2 { background-color: #ebaa00; }

a.bouton3 { display: table; padding: 0px 20px 0px 4px; border: 1px solid #1e64ac;
		background: #87ccff url(../images/fleche-lm.png) right no-repeat;
		color: #1e64ac; font-size: 10pt; text-decoration: none;
		border-radius: 3px; -moz-border-radius: 3px; -webkit-radius: 3px; }
a:hover.bouton3 { background-color: #51b5ff; }

div.about { display: table; width: 300px; margin: 10px 10px 10px 10px; text-align: left; }
span.about { font-size:12pt; font-weight: bold; color: #1e64ac; }
div.about ul { position: relative; left: -20px; top: -6px; }

.cellule { width:50%; float: left; }

	.error {
		background-color:#FF5353;
	}
	.valide {
		background-color:#8BCF8B;
	}
	.norm{
		background-color:#FFFFFF;
	}
fieldset { border:0;margin:0;padding:0; }
label { display:block; }
input.text,textarea { width:300px;font:12px/12px 'courier new',courier,monospace;color:#333;padding:3px;margin:1px 0;border:1px solid #ccc; }
input.submit { padding:2px 5px;font:bold 12px/12px verdana,arial,sans-serif; }


.header { width: 100%; height: auto; margin: 0 0 0 0; padding: 0 0 0 0; color: white; }
.header a{ color: white; text-decoration: none; }
/*.header_1 { background: url(../images/header_1.png); height: 32px; }
.header_2 { background: url(../images/header_2.png); height: 88px; }
.header_3 { background: url(../images/header_3.png); height: 32px; }
.header_1_1 { background: url(../images/header_1.png); width: 998px; margin: 0 auto; height: 100%; }
.header_2_1 { background: url(../images/header_2.png); width: 998px; margin: 0 auto; height: 100%; }
.header_3_1 { background: url(../images/header_3.png); width: 998px; margin: 0 auto; height: 100%; }*/
.login_box { margin-top: 16px; float: right; }
.login_box div { display: inline; float: left; margin-left: 10px; }
.login_box label { margin-bottom: 2px; }
.login_box input[type="text"], input[type="password"] { width: 100px; height: 14px; background-color: white; margin-bottom: 2px; }
.login_box input[type="submit"] { background: url(../images/background-submit-login.png); margin-top:16px; height: 22px; color:white; border:2px solid #2DA0D6; font-weight:bold; }
.login_box a { font-weight: bold; }
.menu_new { display: inline; float: left; margin-top: 6px; margin-left: -4px; font-size: 13px; font-weight: bold; }
.menu_new a { background: url(../images/menu-trait-vertical.png) no-repeat; display: table-cell; vertical-align: middle; padding: 0px 8px 0px 10px; }
.menu_new a:hover { background-color: #51A7FA; }
.menu_new a:first-child { background-image: none; }
.menu_new a:hover:first-child  { background-color: transparent; }
.menu_acces { display: table-cell; float: right; width: 230px; margin-right: 12px; margin-top: 8px; text-align: center; }
a.bouton_acces { background-color: orange; font-size: 14px; font-weight: bold; padding: 3px 10px 3px 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-radius: 5px; }
a:hover.bouton_acces { background-color: #ffc14e; }

.menu_gauche { width: 214px; border: 2px solid #d7d7d7; margin-bottom: 10px; }
.menu_gauche_titre { background-color: #28a1da; color: white; font-size: 12pt; font-weight: bold; text-align: center; padding-top:6px; padding-bottom:6px; }
.menu_gauche ul { position: relative; left: -6px; }

.liste_fleche { list-style-image: url(../images/fleche-mg.png); }
.liste_fleche a { position: relative; top:0px; color: black; font-weight: bold; }
.liste_fleche li { padding: 3px 0px 3px 0px; }

a.bouton1 { display: table; height: 100px; margin: 10px 10px 10px 10px; border: 2px solid #5caee8;
		background:#e6f3ff url(../images/bouton1-icone.png) 12px 12px no-repeat;
		color: #5caee8; font-size: 12pt; font-weight: bold; text-align: left; text-decoration: none;
		border-radius: 5px; -moz-border-radius: 5px; -webkit-radius: 5px; }
a.bouton1 span.bouton1 { display: table; margin: 14px 12px 10px 90px; }
a.bouton1 b.bouton1 { color: navy; font-size: 15pt;}
a:hover.bouton1 { background-color: #abd8ff; }

a.bouton2 { display: table; height: 100px; margin: 10px 10px 10px 10px; border: 2px solid #804710;
		background:#fbc024 url(../images/bouton2-icone.png) 22px 16px no-repeat;
		color: white; font-size: 12pt; font-weight: bold; text-align: left; text-decoration: none;
		border-radius: 5px; -moz-border-radius: 5px; -webkit-radius: 5px; }
a.bouton2 span { display: table; margin: 14px 12px 10px 90px; }
a.bouton2 b { color: #804710; font-size: 15pt;}
a:hover.bouton2 { background-color: #ebaa00; }

a.bouton3 { display: table; padding: 0px 20px 0px 4px; border: 1px solid #1e64ac;
		background: #87ccff url(../images/fleche-lm.png) right no-repeat;
		color: #1e64ac; font-size: 10pt; text-decoration: none;
		border-radius: 3px; -moz-border-radius: 3px; -webkit-radius: 3px; }
a:hover.bouton3 { background-color: #51b5ff; }

div.about { display: table; width: 300px; margin: 10px 10px 10px 10px; text-align: left; }
span.about { font-size:12pt; font-weight: bold; color: #1e64ac; }
div.about ul { position: relative; left: -20px; top: -6px; }

.cellule { width:50%; float: left; }
table.home_page {
	border: 0px solid white;
	position: relative; top: 2px;
	margin: 0 auto;
}

table.home_page td {
	border: 1px solid #AAAAAA;
	padding: 0px 0px 0px 0px;
	width: 318px;
}

table.home_page img { opacity:1; filter:alpha(opacity=100); }
table.home_page img:hover { opacity:0.6; filter:alpha(opacity=60); }

td:hover.home_page_td2 { background-color: #CDEFFF; }

.liste_fleche_bleue { list-style-image: url(../images/fleche-bleue.png); width: 260px; margin-bottom: 36px;}
.liste_fleche_bleue a { position: relative; top:0px; color: black; font-weight: bold; }
.liste_fleche_bleue li { padding: 3px 0px 3px 0px; color: black; font-weight: bold; text-align: left }

.bouton6 { display: block; width: 170px;  margin: 0px 0px 0px 0px; padding: 6px 2px 6px 2px;
          background-color: #00A6E3; position: relative; top: -29px;
          color: white; font-size: 16pt; font-weight: bold; text-align: center;
          border-radius: 3px; -moz-border-radius: 3px; -webkit-radius: 3px; }

a:hover.bouton6 { background-color: #33C4FF; text-decoration: none; }
 

 
.round_new_red_counter{
	background-color: red;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    min-width: 10px;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
	margin-right:-8px;
	color:#ffffff
}
 @media (min-width: 768px) and (max-width: 991px)
{
	/*.stboxlist > li { width: 317px!important;}
	.stboxlist > li > .imgbx > img{height:215px!important;}*/
	#contentlogin{top:0px!important;}
	.header_1_1 { width: 769px!important;}
	.header_2_1{ width: 769px!important;}
	.header_3_1 {width: 769px!important;}
	
}
@media (max-width: 768px) 
{
	
/*.stboxlist > li{ width: 325px!important;}	
.stboxlist > li > .imgbx > img{height:215px!important;}*/
}
@media (min-width: 550px) and (max-width: 766px) {
#contentlogin{top:10px!important;}
.stboxlist > li {width: 291px!important;}
}
@media only screen and (max-width: 859px) 
{
	#contentlogin{top:15px!important;}
	.stboxlist > li:first-child {margin-left: 30px!important;}
}