LI {font: 13px Verdana;text-decoration: none;}
S {font: 14px Symbol; font-weight: normal;text-decoration: none;}
a.style1:link {font: 12px Arial;font-weight: normal;color: #0000FF;text-decoration: none;}
a.style1:visited {font: 12px Arial;font-weight: normal;color: #0000FF;text-decoration: none;}
a.style1:active {font: 12px Arial;font-weight: normal;color: #0000FF;text-decoration: none;}
a.style1:hover {font: 13px Arial;font-weight: bold;color: #003366;text-decoration: none;background:#FFFF00;}
c.style1:link {font: 12px Arial;font-weight: normal;color: #0000FF;text-decoration: none;}
c.style1:visited {font: 12px Arial;font-weight: normal;color: #0000FF;text-decoration: none;}
c.style1:active {font: 12px Arial;font-weight: normal;color: #0000FF;text-decoration: none;}
c.style1:hover {font: 13px Arial;font-weight: bold;color: #003366;text-decoration: none;}
a.style_title:link {font: 18px Arial;font-weight: bold;color: #000000;text-decoration: none;}
a.style_title:visited {font: 18px Arial;font-weight: bold;color: #000000;text-decoration: none;}
a.style_title:active {font: 18px Arial;font-weight: bold;color: #000000;text-decoration: none;}
a.style_title:hover {font: 20px Arial;font-weight: bold;color: #003366;text-decoration: none;background:#FF8000;} /* code pour orange*/
a.style_title2:link {font: 16px Arial;font-weight: bold;color: #000000;text-decoration: none;}
a.style_title2:visited {font: 16px Arial;font-weight: bold;color: #000000;text-decoration: none;}
a.style_title2:active {font: 16px Arial;font-weight: bold;color: #000000;text-decoration: none;}
a.style_title2:hover {font: 18px Arial;font-weight: bold;color: #003366;text-decoration: none;background:#FFFF00;} /*code pour yellow */
a.style_title3:link {font: 16px Arial;font-weight: bold;color: #000000;text-decoration: none;}
a.style_title3:visited {font: 16px Arial;font-weight: bold;color: #000000;text-decoration: none;}
a.style_title3:active {font: 16px Arial;font-weight: bold;color: #000000;text-decoration: none;}
a.style_title3:hover {font: 18px Arial;font-weight: bold;color: #003366;text-decoration: none;background:#00ff55;} /*code pour green */
a.style_title4:link {font: 16px Arial;font-weight: bold;color: #000000;text-decoration: none;}
a.style_title4:visited {font: 16px Arial;font-weight: bold;color: #000000;text-decoration: none;}
a.style_title4:active {font: 16px Arial;font-weight: bold;color: #000000;text-decoration: none;}
a.style_title4:hover {font: 16px Arial;font-weight: bold;color: #003366;text-decoration: none;background:#00ff55;} /*code pour green */
a.style_title5:link {font: 14px Arial;font-weight: bold;color: #000000;text-decoration: none;}
a.style_title5:visited {font: 14px Arial;font-weight: bold;color: #000000;text-decoration: none;}
a.style_title5:active {font: 14px Arial;font-weight: bold;color: #000000;text-decoration: none;}
a.style_title5:hover {font: 14px Arial;font-weight: bold;color: #003366;text-decoration: none;background:#00ff55;} /*code pour green */
a.style_link:link {font: 12px Arial;font-weight: normal;color: #0000FF;text-decoration: none;}
a.style_link:visited{font: 12px Arial;font-weight: normal;color: #0000FF;text-decoration: none;}
a.style_link:active {font: 12px Arial;font-weight: normal;color: #0000FF;text-decoration: none;}
a.style_link:hover {font: 12px Arial;font-weight: bold;color: #000066;text-decoration: none;}
a.style_small_link:link {font: 10px Arial;font-weight: normal;color: #0000FF;text-decoration: underline;}
a.style_small_link:visited{font: 10px Arial;font-weight: normal;color: #0000FF;text-decoration: underline;}
a.style_small_link:active {font: 10px Arial;font-weight: normal;color: #0000FF;text-decoration: underline;}
a.style_small_link:hover {font: 10px Arial;font-weight: bold;color: #000066;text-decoration: underline;}
a.style_point:link {font: 8px Arial;font-weight: bold;color: #FF0000;text-decoration: none;}
a.style_point:visited{font: 8px Arial;font-weight: bold;color: #FF0000;text-decoration: none;}
a.style_point:active {font: 8px Arial;font-weight: bold;color: #FF0000;text-decoration: none;}
a.style_point:hover {font: 8px Arial;font-weight: bold;color: #FF0000;text-decoration: none;}
a.style_point_b:link {font: 8px Arial;font-weight: bold;color: #0000FF;text-decoration: none;}
a.style_point_b:visited{font: 8px Arial;font-weight: bold;color: #0000FF;text-decoration: none;}
a.style_point_b:active {font: 8px Arial;font-weight: bold;color: #0000FF;text-decoration: none;}
a.style_point_b:hover {font: 8px Arial;font-weight: bold;color: #0000FF;text-decoration: none;}
a.style_mob1:link {font: 20px Arial;font-weight: normal;color: #0000FF;text-decoration: none;}
a.style_mob1:visited {font: 20px Arial;font-weight: normal;color: #0000FF;text-decoration: none;}
a.style_mob1:active {font: 20px Arial;font-weight: normal;color: #0000FF;text-decoration: none;}
a.style_mob1:hover {font: 24px Arial;font-weight: bold;color: #003366;text-decoration: none;}
c.style_mob1:link {font: 20px Arial;font-weight: normal;color: #0000FF;text-decoration: none;}
c.style_mob1:visited {font: 20px Arial;font-weight: normal;color: #0000FF;text-decoration: none;}
c.style_mob1:active {font: 20px Arial;font-weight: normal;color: #0000FF;text-decoration: none;}
c.style_mob1:hover {font: 24px Arial;font-weight: bold;color: #003366;text-decoration: none;}
a.style_mob_title:link {font: 30px Arial;font-weight: bold;color: #000000;text-decoration: none;}
a.style_mob_title:visited {font: 30px Arial;font-weight: bold;color: #000000;text-decoration: none;}
a.style_mob_title:active {font: 30px Arial;font-weight: bold;color: #000000;text-decoration: none;}
a.style_mob_title:hover {font: 34px Arial;font-weight: bold;color: #003366;text-decoration: none;}
a.style_mob_title2:link {font: 30px Arial;font-weight: bold;color: #000000;text-decoration: none;}
a.style_mob_title2:visited {font: 30px Arial;font-weight: bold;color: #000000;text-decoration: none;}
a.style_mob_title2:active {font: 30px Arial;font-weight: bold;color: #000000;text-decoration: none;}
a.style_mob_title2:hover {font: 34px Arial;font-weight: bold;color: #003366;text-decoration: none;}
a.style_menu2:link {font: 18px Arial;font-weight: bold;color: #000000;text-decoration: none;}
a.style_menu2:visited {font: 18px Arial;font-weight: bold;color: #000000;text-decoration: none;}
a.style_menu2:active {font: 18px Arial;font-weight: bold;color: #000000;text-decoration: none;background:#FFFF00;}
a.style_menu2:hover {font: 20px Arial;font-weight: bold;color: #003366;text-decoration: none;background:#FFFF00;}
a.style_sousmenu2:link {font: 12px Arial;font-weight: normal;color: #0000FF;text-decoration: none;text-align: left;}
a.style_sousmenu2:visited {font: 12px Arial;font-weight: normal;color: #0000FF;text-decoration: none;text-align: left;}
a.style_sousmenu2:active {font: 12px Arial;font-weight: normal;color: #0000FF;text-decoration: none;background:#FFFF00;text-align: left;}
a.style_sousmenu2:hover {font: 13px Arial;font-weight: normal;color: #003366;text-decoration: none;background:#FFFF00;text-align: left;}
H1 {font: 26px Arial;font-weight: normal;color=black;text-decoration: none;}
H2 {font: 18px Arial;font-weight: normal;color=black;text-decoration: none;}
H3 {font: 14px Arial;font-weight: normal;color=black;text-decoration: none;}
H3 {font: 14px Arial;font-weight: normal;color=black;text-decoration: none;}
H4 {font: 12px Arial;font-weight: normal;color=black;text-decoration: none;}
H8 {font: 12px Arial;font-weight: normal;color=black;text-decoration: none;}
H6 {font: 10px Arial;font-weight: normal;color=black;text-decoration: none;}
H10 {font: 6px Arial;font-weight: normal;color=black;text-decoration: none;}
H5 {font: 12px Arial;font-weight: normal;color=black;text-decoration: none;
text-indent: 0;margin-top: 0px;
margin-left: 10px;
margin-right: 20px;
line-height: 14pt; }
H7 {font: 6px Arial;font-weight: normal;color=black;text-decoration: none;
text-indent: 0;margin-top: 0px;
margin-left: 10px;
margin-right: 10px;
line-height: 14pt; }
P {font: 12px Arial;font-weight: normal;color=black;text-decoration: none;
text-indent: 3;
margin-left: 230px;
margin-right: 20px;
line-height: 0pt; }
/* CAS VERSION MOBILE */
@media (max-width: 550px) {
/* passer tous les éléments de largeur fixe en largeur automatique */
body, element1, element2 {
width: auto;
margin: auto;
padding: auto;
}
/* fixer une largeur maximale de 100 % aux éléments potentiellement problématiques */
img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
max-width: 100%;
}
/* conserver le ratio des images et empêcher les débordements de boîtes dûs aux border ou padding */
img {
height: auto; width: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
video {
/* width: 310px;
height: 232px;*/
width: 308px;
height: 231px;
}
/* gestion des mots longs */
textarea, table, td, th, code, pre, samp {
word-wrap: break-word; /* passage à la ligne forcé */
-webkit-hyphens: auto; /* césure propre */
-moz-hyphens: auto;
hyphens: auto;
}
code, pre, samp {
white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
}
/* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */
element1, element2 {
float: none !important;
width: auto !important
}
/* masquer les éléments superflus */
.hide_mobile {
display: none !important;
}
/* Un message personnalisé */
body:before {
content: "Version mobile du site";
display: block;
color: #777;
text-align: right;
font-style: italic;
font: 10px Arial
}
}
@media (max-width:640px) and (orientation: landscape) {
body {
-webkit-text-size-adjust: 70%;
}
}
/*
BEG-Style CSS pour Menu
*/
*{
margin:0;
padding:0;
}
#menu1{
width:196px;
}
#menu2{
width:196px;
}
#menu3{}
#menu_video_photo {
width:100px;
}
.menu1, .menu2, .sousmenu{
text-align:left;
height:20px;
}
.menu1{
width:196px;
/*
margin-left:2px ;
margin-right:2px;
margin-top:5px ;
margin-bottum:5px;*/
text-align:center;
color:#fff;
}
.menu2{
width:196px;
/*
margin-left:0px ;
margin-right:0px;
margin-top:5px ;
margin-bottum:5px;*/
/*background:#B7D7FF;*/
color:#fff;
}
.menu3{
color:#fff;
}
.menu_video_photo{
width:70px;
}
.sousmenu{
height:18px;
width:190px;
margin-left:5px ;/*
margin-right:2px;*/
/*background:#37CFFF;*/
color:#0000FF;
}
.menu1 a{
display:block;
width:100%;
height:100%;
color:#0f0f00;
font-family:arial,sans-serif;
font-size:16px;
font-weight:bold;
text-decoration:none;
background:#ffffff;
}
.menu2 a{
display:block;
width:100%;
height:100%;
color:#0f0f00;
font-family:arial,sans-serif;
font-size:16px;
font-weight:bold;
text-decoration:none;
background:#B7D7FF;
}
.menu3 a{
display:block;
width:100%;
height:100%;
color:#0f0f00;
font-family:arial,sans-serif;
font-size:16px;
font-weight:bold;
text-decoration:none;
background:#ffffff;
}
.menu_video_photo a{
display:block;
width:70px;
height:100%;
color:#0f0f00;
font-family:arial,sans-serif;
font-size:16px;
font-weight:bold;
text-decoration:none;
background:#B7D7FF; /* #00FF00 vert */
}
.sousmenu_video_photo a{
display:block;
width:62px;
height:18px;
color:#0f0f00;
font-family:arial,sans-serif;
font-size:16px;
font-weight:bold;
text-decoration:none;
background:#37CFFF; /* #7DFF7D vert pale*/
margin-left:8px
}
.sousmenu a{
display:block;
width:100%;
height:100%;
/*color:#0000FF;*/
font-family:arial,sans-serif;
font-size:14px;
font-weight:normal;
text-decoration:none;
background:#37CFFF;
}
.border_white {
border:1px solid white;
background-color:white;
}
.border_blue {
border:1px solid blue;
}
.border_none {
border-style:none;
}
#cssTable td
{
text-align: center;
vertical-align: middle;
}
/*
.menu1 a:hover, .sousmenu a:hover, .menu a:active, .sousmenu a:active, .menu a:focus, .sousmenu a:focus{
background:"orange";
}
.menu2 a:hover, .sousmenu a:hover, .menu a:active, .sousmenu a:active, .menu a:focus, .sousmenu a:focus{
background:"yellow";*/
}
/*
END-Style CSS pour Menu
*/