/* ----------------------------- */
/*  =     Styles de base         */
/* ----------------------------- */



@font-face {
	font-family: 'logo';
	src: local('logo'), url('../fonts/rocko.ttf') format('truetype');
}
@font-face {
	font-family: 'normal';
	src: local('normal'), url('../fonts/avant_garde.ttf') format('truetype');
}
@media only screen and (max-device-width:480px) {
    #wrapper { background: white !important; }
    #wrapper_petit { background: black !important; }
    body {font-size:1em !important;}
    #content {height: auto;width: auto;}
}


.tool-tip {
	color: #2a2a2f;
	width: 139px;
	z-index: 13000;
}

.tool-title {
	font-weight: bold;
	font-size: 13px;
	margin: 0;
	color: #ddd;
	padding: 4px 8px 4px;
	background: url(images/commun/bubble.png) top left;
}

.tool-text {
	font-size: 11px;
	padding: 0px 8px 8px;
	background: url(images/commun/bubble.png) bottom right;
	color: #fff;
}



.custom_tip-tip {
	color: #000;
	width: 200px;
	z-index: 20000;
}

.custom_tip-title {
	font-weight: bold;
	font-size: 16px;
	margin: 0;
	color: #000;
	padding: 8px 8px 4px;
  -moz-border-radius: 8px 8px 0 0;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  border-radius: 8px 8px 0 0;
}
.custom_tip-text {
	font-size: 13px;
	padding: 4px 8px 8px;
  -moz-border-radius: 0 0 8px 8px;
  -webkit-border-bottom-left-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  border-radius: 0 0 8px 8px;
}


/* Page */
html {
  font-size: 100%;
}
body {
font-family: "Century Gothic", normal, "Lucida Grande", "Trebuchet MS", Arial, Helvetica, FreeSans, sans-serif;
font-size:0.8em;
line-height:1.4;
color:#000;
background:#fff url(images/commun/background.jpg) left top repeat;
margin:0;
padding:0
}


.body_formulaire {
  margin: 0;
  padding: 0;
  font-family: normal, sans-serif;
  font-size: 0.8em;
  line-height: 1.4;
  color: black;
  background: white url(images/commun/background.jpg) left top repeat;
  height: 300px;
	overflow: hidden;
}

.body_formulaire2 {
  margin: 0;
  padding: 0;
  font-family: normal, sans-serif;
  font-size: 0.8em;
  line-height: 1.4;
  color: black;
  background: white url(images/commun/background.jpg) left top repeat;
  height: 300px;
	overflow: hidden;
}
/* Liens */
a {
  text-decoration: none;
}
a:link {
  color: #000;
}
a:visited {
  color: #000;
}
a:hover, a:focus, a:active {
  text-decoration: underline;
}
/* Pas de bordure pointillée ou halo lors du clic sur un lien */
a:focus, a:active, input:focus, input:active, select:focus, select:active {
  outline: none;
}



/* Pas de bordure autour des images dans les liens */
a img {
  border: none;
}

/* Titres */
.logo {
  display: inline-block;
  margin-top: 0;
  font-family: logo, "Lucida Grande",Tahoma, "Trebuchet MS", Arial, Helvetica, FreeSans, sans-serif;
  font-weight: normal;
  font-size: 60px;
  text-align: left;
  line-height: 0.9;
  color: black;
  text-shadow: 0px 0px 2px #666;
  background: url(images/header/logo.png)  no-repeat  0 5px;
  padding-left: 105px;
  float: left;
  height:100px;
}
.logo span {
  display: block;
  font-weight: normal;
  font-size: 40px;
}
.logo a, h1 a:visited {
  color: black;
  text-decoration: none;
}
.logo a:hover, h1 a:focus {
  text-decoration: none;
  outline: none;
  text-shadow: 0px 0px 10px #666;
}


#wrapper_petit h1 {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  font-family: logo, "Lucida Grande",Tahoma, "Trebuchet MS", Arial, Helvetica, FreeSans, sans-serif;
  font-weight: normal;
  font-size: 29px;
  text-align: left;
  line-height: 0.93;
  color: black;
  text-shadow: 0px 0px 5px #fff;
  background: url(images/header/logo_petit.png)  no-repeat  0 2px;
  padding-left: 60px;
  float: left;
  height: 50px;
}
#wrapper_petit h1 span {
  display: block;
  font-weight: normal;
  font-size: 19px;
}

h2 {
  font-size: 1.5em;
}

/* Listes */
ul, ol {
  margin: .75em 0 .75em 10px;
  padding: 0;
  list-style-type: none;
}
li {
  padding-left: 20px;
  background: url(img/puce.png) left center no-repeat;
  margin-bottom: 5px;
}

/* Paragraphes */
p {
  margin: 0px;
}



/* Divers éléments de type en-ligne (8) */
em {
  font-style: italic;
}
strong {
  font-weight: bold;
}

/* ----------------------------- */
/*  =     Blocs                  */
/* ----------------------------- */

header, nav, footer, figure, section {
  display: block;
}

#user {
  font-family: normal, sans-serif;
  font-size: 16px;
  padding-bottom: 20px;
  text-align: right;
}

#user a {
  font-size: 14px;
  text-decoration: none;
  cursor: pointer;
  color: #666;
}

#user a:hover, #user a:focus {
  text-decoration: none;
  outline: none;
  color: #000;
  -moz-text-shadow: 1px 1px 13px #fff;
  -webkit-text-shadow: 1px 1px 13px #fff;
  text-shadow: 1px 1px 13px #fff;
}

#user span {
  font-family: normal, sans-serif;
  color: #aaa;
}
#options {
  font-family: normal, sans-serif;
  font-size: 16px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: right;
}
#wrapper {
  background: url(images/commun/background.jpg) center top repeat;
}

#wrapper_petit {
  width: 500px;
  height: 300px;
  background: url(images/commun/background.jpg) center top no-repeat;
}

#wrapper_photo {
  width: 900px;
  height: 675px;
}

#wrapper_infos {
  width: 511px;
  height: 300px;
  background: url(images/commun/background2.jpg) center top no-repeat;
}

#wrapper_infos h1 {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  font-family: "logo", "Lucida Grande",Tahoma, "Trebuchet MS", Arial, Helvetica, FreeSans, sans-serif;
  font-weight: normal;
  font-size: 29px;
  text-align: left;
  line-height: 0.93;
  color: white;
  text-shadow: 0px 0px 5px #fff;
  background: url(images/header/logo_petit.png)  no-repeat  0 2px;
  padding-left: 60px;

  float: left;
}
#wrapper_infos h1 span {
  display: block;
  font-weight: normal;
  font-size: 19px;
}
/* Header */

header {
  position: relative;
  padding-bottom: 30px;
}

.header_droite {
  text-align: right;
  bottom: 10px;
  font: 1.6em "normal", "Lucida Grande",Tahoma, "Trebuchet MS", Arial, Helvetica, FreeSans, sans-serif;
}

.header_centre {
background: #842587;
  float:left;
  font: 1.6em "normal", "Lucida Grande",Tahoma, "Trebuchet MS", Arial, Helvetica, FreeSans, sans-serif;
}

.perso {
  font-family: normal, sans-serif;
  height: 38px;
}
.perso a:hover {
  text-decoration: none;
}
.perso_titre {
  float : right;
  padding-left: 8px;
  padding-right: 8px;
  -moz-border-radius: 0 10px 10px 0;
  -webkit-border-radius: 0 10px 10px 0;
  border-radius: 0 10px 10px 0;
  -moz-box-shadow: 1px 1px 13px #000;
  -webkit-box-shadow: 1px 1px 13px #000;
  box-shadow: 1px 1px 13px #000;
  text-align: center;
  font-size: 16px;
  height: 22px;
  padding-top: 2px;
  background: rgba(255,255,255,0.6);

}
.perso_bouton {
  font-size: 13px;
  float : right;
  padding-left: 8px;
  padding-right: 8px;
  background: rgba(255,255,255,0.3);
  -moz-box-shadow: -1px 1px 13px #000;
  -webkit-box-shadow: -1px 1px 13px #000;
  box-shadow: -1px 1px 13px #000;
  margin-top: 3px;
  height: 17px;
  border-left: 1px solid #fff;
}

.perso_bouton:hover, .rb_selected {
  -moz-box-shadow: 1px 1px 13px #eee;
  -webkit-box-shadow: 1px 1px 13px #eee;
  box-shadow: 1px 1px 13px #eee;
  background: rgba(0,0,0,0.4);
  color: #fff;
}
.perso_dernier {
  float : right;
  width: 8px;
  -moz-border-radius: 10px 0 0 10px;
  -webkit-border-radius: 10px 0 0 10px;
  border-radius: 10px 0 0 10px;
  -moz-box-shadow: 1px 1px 13px #000;
  -webkit-box-shadow: 1px 1px 13px #000;
  box-shadow: 1px 1px 13px #000;

  height: 24px;
  border-right: 1px solid #ddd;
  background: rgba(255,255,255,0.7);
}

.rb_telechargement {
  background: rgba(0,153,0,0.2);
}
.rb_telechargement:hover, .rb_telechargement_selected, .rb_telechargement_selected:hover {
  -moz-box-shadow: 1px 1px 13px #eee;
  -webkit-box-shadow: 1px 1px 13px #eee;
  box-shadow: 1px 1px 13px #eee;
  color: #fff;
  background: rgba(0,153,0,0.7);
}

.rb_admin:hover, .rb_admin_selected, .rb_admin_selected:hover {
  -moz-box-shadow: 1px 1px 13px #eee;
  -webkit-box-shadow: 1px 1px 13px #eee;
  box-shadow: 1px 1px 13px #eee;
  color: #fff;
  background: rgba(0,0,153,0.7);
}

.rb_page_perso:hover, .rb_page_perso_selected, .rb_page_perso_selected:hover {
  -moz-box-shadow: 1px 1px 13px #eee;
  -webkit-box-shadow: 1px 1px 13px #eee;
  box-shadow: 1px 1px 13px #eee;
  color: #fff;
  background: rgba(91,91,255,0.7);
}

.rb_logout:hover {
  background: rgba(255,0,0,0.7);
}

header nav {
  text-align: right;
  height: 35px;
}
header nav a {
  display: inline-block;
  vertical-align: top;
  height: 35px;
  line-height: 35px;
  margin-top: 5px;
  margin-left: 10px;
  padding: 0px;
  padding-left: 10px;
  padding-right: 10px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  font-weight: bold;
  -moz-box-shadow: 1px 1px 13px #666;
  -webkit-box-shadow: 1px 1px 13px #666;
  box-shadow: 1px 1px 13px #666;
}
header nav a img {
  vertical-align: middle;
}

header nav a:hover {
  -moz-transform: rotate(15deg);
  -webkit-transform: rotate(15deg);
  text-decoration: none;
}
header nav a:focus {
  text-decoration: none;
}

header nav a.accueil  {
  color: #fff;
  background: rgba(0,153,204,0.8);
  border: 2px solid #09c;
}
header nav a.photos  {
  color: #fff;
  background: rgba(153,204,0,0.8);
  border: 2px solid #9c0;
}
header nav a.videos  {
  color: #fff;
  background: rgba(254,179,22,0.8);
  border: 2px solid #FEB316;
}
header nav a.voyages  {
  color: #fff;
  background: rgba(104,175,141,0.8);
  border: 2px solid #68AF8D;
}
header nav a.citations  {
  color: #fff;
  background: rgba(193,73,65,0.8);
  border: 2px solid #C14941;
}
header nav a.liens  {
  color: #fff;
  background: rgba(121,67,154,0.8);
  border: 2px solid #79439A;
}

.menus a:hover {
text-decoration: none;
}

.menus_bouton {
  float: left;
  padding-left: 8px;
  padding-right: 8px;
  text-align: center;
  border-left: 1px solid #aaa;
  -moz-box-shadow: 1px 1px 13px #000;
  -webkit-box-shadow: 1px 1px 13px #000;
  box-shadow: 1px 1px 13px #000;
}
.menus_bouton:hover {
  -moz-box-shadow: 1px 1px 13px #eee;
  -webkit-box-shadow: 1px 1px 13px #eee;
  box-shadow: 1px 1px 13px #eee;
  background: rgba(0,0,0,0.4);
  color: #fff;
}
.menus_bouton_selected {
  float: left;
  padding-left: 8px;
  padding-right: 8px;
  text-align: center;
  border-left: 1px solid #aaa;
  color: #fff;
  -moz-box-shadow: 1px 1px 13px #eee;
  -webkit-box-shadow: 1px 1px 13px #eee;
  box-shadow: 1px 1px 13px #eee;
}
.menus_dernier {
  float: left;
  width: 12px;
  -moz-border-radius: 0 10px 10px 0;
  -webkit-border-radius: 0 10px 10px 0;
  border-radius: 0 10px 10px 0;
  -moz-box-shadow: 1px 1px 13px #000;
  -webkit-box-shadow: 1px 1px 13px #000;
  box-shadow: 1px 1px 13px #000;
  text-align: center;
}
.menus_premier {
  float: left;
  width: 12px;
  -moz-border-radius: 10px 0 0 10px;
  -webkit-border-radius: 10px 0 0 10px;
  border-radius: 10px 0 0 10px;
  -moz-box-shadow: 1px 1px 13px #000;
  -webkit-box-shadow: 1px 1px 13px #000;
  box-shadow: 1px 1px 13px #000;
}

.menu1 .menus_premier, .menu1 .menus_bouton, .menu1 .menus_bouton_selected {
padding-bottom: 2px;
}

.menu1 {
height: 36px;
font-size: 20px;
}
.menu1 .menus_bouton, .menu1 .menus_bouton_selected {
  margin-top: 4px;
  height: 26px;
}
.menu1 .menus_premier, .menu1 .menus_dernier {
  height: 34px;
}

.menu2 {
  height: 32px;
  font-size: 18px;
}
.menu2 .menus_bouton, .menu2 .menus_bouton_selected {
  margin-top: 4px;
  height: 24px;
}
.menu2 .menus_premier, .menu2 .menus_dernier {
  height: 32px;
}

.menu3 {
  height: 30px;
  font-size: 16px;

}
.menu3 .menus_bouton, .menu3 .menus_bouton_selected {
  margin-top: 4px;
  height: 22px;
}
.menu3 .menus_premier, .menu3 .menus_dernier {
  height: 30px;
}

.menu4 {
  height: 28px;
  font-size: 14px;
}
.menu4 .menus_bouton, .menu4 .menus_bouton_selected {
  margin-top: 4px;
  height: 20px;
}
.menu4 .menus_premier, .menu4 .menus_dernier {
  height: 28px;
}

.menu1 {
  margin-bottom: 10px;
}
.menu2, .menu3, .menu4 {
  width: 100%;
  margin-bottom: 10px;
}

.menus_vert_bouton {
width: 174px;
margin-left: 8px;
  text-align: center;
  -moz-box-shadow: 1px 1px 13px #000;
  -webkit-box-shadow: 1px 1px 13px #000;
  box-shadow: 1px 1px 13px #000;
}
.menus_vert_bouton:hover {
  -moz-box-shadow: 1px 1px 13px #eee;
  -webkit-box-shadow: 1px 1px 13px #eee;
  box-shadow: 1px 1px 13px #eee;
  background: rgba(0,0,0,0.4);
  color: #fff;
}
.menus_vert_bouton_selected {
width: 174px;
margin-left: 8px;
  text-align: center;
  color: #fff;
  -moz-box-shadow: 1px 1px 13px #eee;
  -webkit-box-shadow: 1px 1px 13px #eee;
  box-shadow: 1px 1px 13px #eee;
}
.menus_vert_dernier {
  width: 190px;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  -moz-box-shadow: 1px 1px 13px #000;
  -webkit-box-shadow: 1px 1px 13px #000;
  box-shadow: 1px 1px 13px #000;
  text-align: center;
}
.menus_vert_premier {
  width: 190px;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  -moz-box-shadow: 1px 1px 13px #000;
  -webkit-box-shadow: 1px 1px 13px #000;
  box-shadow: 1px 1px 13px #000;
  border-right: 1px solid #ddd;
}

.menu_vert1 .menus_vert_bouton, .menu_vert1 .menus_vert_bouton_selected {
padding-bottom: 2px;
}

.menu_vert1 {
font-size: 20px;
}

.menus_vert_premier, .menus_vert_dernier {
  height: 12px;
}

.menu_vert2 {
  font-size: 18px;
}
.menu_vert3 {
  font-size: 16px;
}

.menu_vert4 {
  font-size: 14px;
}

.menu_vert1 {
  width: 200px;
vertical-align: top;
display: inline-block;
}
.menu_vert2, .menu_vert3, .menu_vert4 {
  width: 200px;
vertical-align: top;
display: inline-block;
}


.menu_comp {
height: 30px;
font-size: 12px;
}
.menus_comp_bouton {
  float: left;
  padding-left: 8px;
  text-align: center;
  border-left: 1px solid #aaa;
  -moz-box-shadow: 1px 1px 13px #000;
  -webkit-box-shadow: 1px 1px 13px #000;
  box-shadow: 1px 1px 13px #000;
  padding-bottom: 0px;
  margin-top: 4px;
}
.menus_comp_dernier {
  float: left;
  width: 12px;
  -moz-border-radius: 0 10px 10px 0;
  -webkit-border-radius: 0 10px 10px 0;
  border-radius: 0 10px 10px 0;
  -moz-box-shadow: 1px 1px 13px #000;
  -webkit-box-shadow: 1px 1px 13px #000;
  box-shadow: 1px 1px 13px #000;
  text-align: center;
}
.menus_comp_premier {
  float: left;
  width: 12px;
  -moz-border-radius: 10px 0 0 10px;
  -webkit-border-radius: 10px 0 0 10px;
  border-radius: 10px 0 0 10px;
  -moz-box-shadow: 1px 1px 13px #000;
  -webkit-box-shadow: 1px 1px 13px #000;
  box-shadow: 1px 1px 13px #000;
  border-right: 1px solid #ddd;
}
.menus_comp_premier, .menus_comp_dernier {
  height: 29px;
}

.menus_comp_select {
  outline: none;
  font-family: normal, sans-serif;
  font-size: 16px;
  border: 0;
  font-weight: bold;
}

.inactif {
  color: #f30;
}

.options {
  font-family: normal, sans-serif;
  float: right;
  font-size: 12px;
}
.options a:hover {
  text-decoration: none;
}
.options_bouton {
  margin-top: 5px;
  height: 17px;
  float: right;
  padding-left: 8px;
  padding-right: 8px;
  text-align: center;
  border-right: 1px solid #aaa;
  -moz-box-shadow: 1px 1px 13px #000;
  -webkit-box-shadow: 1px 1px 13px #000;
  box-shadow: 1px 1px 13px #000;
  background: rgba(255,255,255,0.3);
}
.options_bouton_premier {
  padding-left: 2px;
}
.options_dernier {
  height: 24px;
  float: right;
  padding-left: 8px;
  padding-right: 8px;
  text-align: center;
  -moz-border-radius: 0 10px 10px 0;
  -webkit-border-radius: 0 10px 10px 0;
  border-radius: 0 10px 10px 0;
  -moz-box-shadow: 1px 1px 13px #000;
  -webkit-box-shadow: 1px 1px 13px #000;
  box-shadow: 1px 1px 13px #000;
  text-align: center;
  background: rgba(255,255,255,0.6);
  font-size: 14px;
  padding-top: 3px;;
}
.options_premier {
  height: 27px;
  float: right;
  width: 8px;
  -moz-border-radius: 10px 0 0 10px;
  -webkit-border-radius: 10px 0 0 10px;
  border-radius: 10px 0 0 10px;
  -moz-box-shadow: 1px 1px 13px #000;
  -webkit-box-shadow: 1px 1px 13px #000;
  box-shadow: 1px 1px 13px #000;
  background: rgba(255,255,255,0.6);
}

.options_select {
  outline: none;
  font-family: normal, sans-serif;
  font-size: 12px;
  border: 0;
  background: #D8D9DB;
}

.titre {
  height: 66px;
  margin-top: 10px;
  background: rgba(255,255,255,0.3);
  -moz-text-shadow: 1px 1px 7px #666;
  -webkit-text-shadow: 1px 1px 7px #666;
  text-shadow: 1px 1px 7px #666;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: 1px 1px 13px #000;
  -webkit-box-shadow: 1px 1px 13px #000;
  box-shadow: 1px 1px 13px #000;
}

.rubrique {
  background: rgba(255,255,255,0.3);
  margin-top: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: 1px 1px 13px #000;
  -webkit-box-shadow: 1px 1px 13px #000;
  box-shadow: 1px 1px 13px #000;
}

.titre .texte {
  float: left;
  font-size: 40px;
  padding: 7px;
  padding-top: 2px;
  padding-left: 15px;
}

.titre .case {
  float: right;
  width: 20px;
  margin-top: 6px;
}
.rub_description .case {
  display: inline-block;
  width: 20px;
}

.liste {
height: 22px;
padding-left: 5px;
}

.liste_gauche a {
background-image:url(images/puces/defaut.png);
background-repeat:no-repeat;
background-position: 0px 2px;
padding-left: 17px;
text-decoration: none;
}

.liste a:hover {
text-shadow: 0px 0px 5px #fff;
}

.liste .case {
  float: left;
  width: 20px;
  margin-top: 2px;
}

.liste_gauche {
  float: left;
}

.case a {
  display: inline-block;
  height: 14px;
  width: 14px;
  margin: 0px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}



.case a:hover {
  text-decoration: none;
  -moz-box-shadow: 1px 1px 13px #fff;
  -webkit-box-shadow: 1px 1px 13px #fff;
  box-shadow: 1px 1px 13px #fff;
}

.case .orange a  {
  background: rgba(255,102,0,0.8);
}
.case .vert a  {
  background: rgba(0,153,0,0.8);
}
.case .rouge a  {
  background: rgba(255,51,0,0.8);
}
.case .orange:hover a  {
  background: rgba(255,102,0);
  color: #fff;
}
.case .vert:hover a  {
  background: rgba(0,153,0);
}
.case .rouge:hover a  {
  background: rgba(255,51,0);
}


.num_page {
  font-family: normal, sans-serif;
  height: 38px;
  padding-top: 18px;
  margin-right: 12px;
}
.num_page a:hover {
  text-decoration: none;
}
.num_page_titre {
  float : right;
  padding-left: 8px;
  padding-right: 8px;
  -moz-border-radius: 0 10px 10px 0;
  -webkit-border-radius: 0 10px 10px 0;
  border-radius: 0 10px 10px 0;
  -moz-box-shadow: 1px 1px 13px #000;
  -webkit-box-shadow: 1px 1px 13px #000;
  box-shadow: 1px 1px 13px #000;
  text-align: center;
  font-size: 16px;
  height: 26px;
  padding-top: 2px;
  background: rgba(255,255,255,0.6);

}
.num_page_bouton {
  font-size: 15px;
  float : right;
  text-align: center;
  width: 30px;
  -moz-box-shadow: -1px 1px 13px #000;
  -webkit-box-shadow: -1px 1px 13px #000;
  box-shadow: -1px 1px 13px #000;
  margin-top: 4px;
  height: 20px;
  border-right: 1px solid #fff;
}

.num_page_bouton:hover {
  -moz-box-shadow: 1px 1px 13px #eee;
  -webkit-box-shadow: 1px 1px 13px #eee;
  box-shadow: 1px 1px 13px #eee;
  background: rgba(0,0,0,0.4);
  color: #fff;
  font-weight: bold;
}

.num_page_bouton_selected {
  font-size: 15px;
  float : right;
  text-align: center;
  width: 30px;
  -moz-box-shadow: -1px 1px 13px #eee;
  -webkit-box-shadow: -1px 1px 13px #eee;
  box-shadow: -1px 1px 13px #eee;
  color: #fff;
  font-weight: bold;
  margin-top: 4px;
  height: 20px;
  border-right: 1px solid #fff;
}
.num_page_dernier {
  float : right;
  width: 8px;
  -moz-border-radius: 10px 0 0 10px;
  -webkit-border-radius: 10px 0 0 10px;
  border-radius: 10px 0 0 10px;
  -moz-box-shadow: 1px 1px 13px #000;
  -webkit-box-shadow: 1px 1px 13px #000;
  box-shadow: 1px 1px 13px #000;
  height: 28px;
  border-right: 1px solid #ddd;
}



.lien a {
padding-left: 17px;
text-decoration: none;

}

.lien_photos a {
background-image:url(images/puces/photos.png);
background-repeat:no-repeat;
background-position: 0px 2px;
color: #9c0;
}
.lien_photos a:hover {
background-position: 2px 2px;
}

.lien_videos a {
background-image:url(images/puces/videos.png);
background-repeat:no-repeat;
background-position: 0px 2px;
color: #FEB316;
}
.lien_videos a:hover {
background-position: 2px 2px;
}


.lien_voyages a {
background-image:url(images/puces/voyages.png);
background-repeat:no-repeat;
background-position: 0px 2px;
color: #68AF8D;
}
.lien_voyages a:hover {
background-position: 2px 2px;
}
.affichage {

}

.affichage .gauche {
  width: 320px;
  margin-bottom: 20px;
}
.affichage .droite {
  float: right;
  width: 880px;

}

.rubrique a, .rubrique a:hover {
  text-decoration: none;
}

.rubrique_avertissement {
  background: rgba(255,153,0,0.7);
  padding: 5px;
    font-size: 14px;
}

.rubrique_erreur {
  background: rgba(255,51,0,0.7);
  border-bottom: 1px solid #f30;
  padding: 5px;
}

.rubrique_admin {
  font-family: normal, "Lucida Grande",Tahoma, "Trebuchet MS", Arial, Helvetica, FreeSans, sans-serif;
  margin-top: -10px;
  margin-bottom: 10px;
  margin-left: 20px;
  padding-left: 18px;
  margin-right: 20px;
  height: 20px;
  -moz-box-shadow: 1px 1px 13px #000;
  -webkit-box-shadow: 1px 1px 13px #000;
  box-shadow: 1px 1px 13px #000;
}
.rubrique_admin a {
  display: inline-block;
  float: right;
  font-size: 11px;
  font-family: normal, "Lucida Grande",Tahoma, "Trebuchet MS", Arial, Helvetica, FreeSans, sans-serif;
  border: 0;
  padding-left: 7px;
  padding-right: 7px;
  background: rgba(255,255,255,0.8);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 1px 1px 9px #000;
  -webkit-box-shadow: 1px 1px 9px #000;
  box-shadow: 1px 1px 9px #000;
  cursor: pointer;
  color: #000;
  margin-top: 2px;
  margin-right: 3px;
}

.rubrique_admin a:hover {
  background: rgba(0,0,0,0.8);
  -moz-box-shadow: 1px 1px 9px #fff;
  -webkit-box-shadow: 1px 1px 9px #fff;
  box-shadow: 1px 1px 9px #fff;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
}

.rubrique_admin_principal {
  margin-top: -10px;
    margin-bottom: 20px;
  margin-left: 20px;
  padding-left: 15px;
  margin-right: 20px;
  height: 24px;
  background: rgba(0,0,153,0.3);
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  -moz-box-shadow: 1px 1px 13px #000;
  -webkit-box-shadow: 1px 1px 13px #000;
  box-shadow: 1px 1px 13px #000;
}
.rubrique_admin_principal a {
  display: inline-block;
  font-size: 13px;
  font-family: normal, "Lucida Grande",Tahoma, "Trebuchet MS", Arial, Helvetica, FreeSans, sans-serif;
  border: 0;
  float: left;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 4px;
  padding-bottom: 2px;
  cursor: pointer;
  color: #fff;

  -moz-box-shadow: 0px 0px 13px #333;
  -webkit-box-shadow: 0px 0px 13px #333;
  box-shadow: 0px 0px 13px #333;
}
.rubrique_admin_principal a:hover {
  background: rgba(0,0,153,0.7);
  cursor: pointer;
  text-decoration: none;
  color: #fff;
  -moz-box-shadow: 0px 0px 13px #fff;
  -webkit-box-shadow: 0px 0px 13px #fff;
  box-shadow: 0px 0px 13px #fff;
}

.rubrique_titre {
font-size: 22px;
}

.rub_description {
padding: 7px;
text-align: justify;
}

.rubrique_ge {
font-size: 22px;
cursor: pointer;
height: 45px;
background-image:url(images/pictos/GE.png);
background-repeat:no-repeat;
background-position: 7px 7px;
}
.rubrique_ge:hover {
  background-image:url(images/pictos/GE2.png);
  background-repeat:no-repeat;
background-position: 7px 7px;
  text-shadow: 0px 0px 5px #666;
}

.rubrique_rubrique {
font-size: 22px;
cursor: pointer;
height: 45px;
}
.rubrique_rubrique:hover {
  text-shadow: 0px 0px 5px #666;
}

.rubrique_ge .case, .rubrique_rubrique .case {
  float: right;
  width: 20px;
  margin-top: 5px;

}

.rubrique_bouton, .rubrique_bouton_admin {
width: 273px;
float: left;
padding: 7px;
padding-left: 47px;
padding-right: 0px;
}
.rubrique_bouton_admin {
width: 252px;
}

.rubrique_bouton2, .rubrique_bouton2_admin {
width: 313px;
float: left;
padding: 7px;
padding-left: 7px;
padding-right: 0px;
}

.rubrique_bouton2_admin {
width: 292px;
}

.rubrique_ajouts {
padding-left: 5px;
}

.rubrique_ajouts_titre {
  font-size: 18px;
  -moz-text-shadow: 1px 1px 13px #fff;
  -webkit-text-shadow: 1px 1px 13px #fff;
  text-shadow: 1px 1px 13px #fff;
  padding-top: 2px;
  padding-bottom: 4px;
}

.formulaire_top {
  padding: 8px;
  height: 46px;
}

.formulaire_top_objet {
  padding-top: 12px;
  text-align: right;
  vertical-align: middle;
  font: 1.6em "normal", "Lucida Grande",Tahoma, "Trebuchet MS", Arial, Helvetica, FreeSans, sans-serif;

}

.formulaire_middle {
  padding: 8px;
  height: 180px;
  vertical-align: center;
}

.formulaire_middle2 {
  height: 196px;
  vertical-align: center;
}

.formulaire_middle3 {
  height: 250px;
  vertical-align: center;
  padding-left: 13px;
}

.formulaire_middle4 {
  height: 306px;
}

.formulaire_middle5 {
  height: 304px;
  vertical-align: center;
  background: rgba(255,255,255,0.5);
}

.formulaire_bottom {
  text-align: center;
  padding: 8px;
  padding-bottom: 0;
  height: 14px;
}

.formulaire_middle_bottom {
  padding: 8px;
  height: 202px;
}

.formulaire_middle_bottom2 {
  padding: 8px;
  height: 327px;
  background: rgba(255,255,255,0.5);
}

.fm_box_0 {
padding-top: 7px;
}
.fm_box_1 {
padding-top: 70px;
font-size: 18px;
}
.fm_box_1_erreur {
padding-top: 30px;
}

.fm_box_2 {
padding-top: 56px;
}
.fm_box_2_erreur {
padding-top: 15px;
}
.fm_box_3 {
padding-top: 140px;
text-align: center;
}
.fm_box_4 {
font-size: 18px;
padding-top: 110px;
text-align: center;
padding-bottom: 10px;
}

.fm_ligne {
height: 30px;
text-align: center;
}
.fm_ligne_erreur {
height: 30px;
padding-bottom: 25px;
color: #F30;
font-size: 18px;
text-align: center;
}
.fm_ligne_titre1 {
height: 30px;
padding-bottom: 40px;
font-size: 18px;
text-align: center;
}

.fm_ligne_titre2 {
font-size: 16px;
text-align: center;
padding-bottom: 14px;
}

.fm_ligne_titre3 {
font-size: 16px;
padding-left: 6px;
}

.fm_ligne_description {
padding: 6px;
font-size: 14px;
Line-height: 1.1;
}

.fm_ligne_titre3 span {
font-weight: bold;
}

.fm_ligne_titre3 .pointer {
cursor: pointer;
}
.fm_ligne2 {
padding: 10px;
}

.fm_sstitre {
font-size: 16px;
text-align: center;
padding: 6px;
font-weight: bold;
color: #000;
}

.fm_champ {
  width: 170px;
  text-align: right;
  float: left;
  font-size: 16px;
  line-height: 0.95;
}

.fm_champ_erreur {
  width: 170px;
  text-align: right;
  float: left;
  font-size: 16px;
  line-height: 0.95;
  color: #f30;
}

.fm_input {
  padding-left: 8px;
  width: 230px;
  text-align: left;
  float: left;
}
/* Content */

#content {
  width: 1200px;

  margin: 0 auto;
  padding-top: 12px;
}


#content section {
  width: 900px;
  margin-top: 10px;
  margin-left: 20px;
}
section a {


}
section a:hover, section a:focus {
  text-decoration: none;

}

#content section h2 {
  margin: 10px 0 5px 0;
  padding: 0;
}





#content figure {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  margin: 0 20px 20px 0;
  background: rgba(0,0,0,0.2);
  border: 10px solid rgba(255,255,255,0.3);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 1px 1px 13px #000;
  -webkit-box-shadow: 1px 1px 13px #000;
  box-shadow: 1px 1px 13px #000;
}

#content .figure_dossier {
  width: 250px;
  height: 188px;
}

.figure_album .case {
float: right;
}

#content .figure_album {
  width: 177px;
  height: 133px;
}

#content figure a {
  text-decoration: none;
  padding: 0;
}

#content figure h2 {
  display: block;
  margin:-38px 0 0 0;
  padding: 5px 10px 10px 10px;
  opacity: 0.7;
  font-size: 1.1em;
  color:#000;
  background-color:#fff;
  height: 20px;
}
.div_dossier {
  width: 216px;
  float:left;
}

.case_figure {
  margin-top:4px;
  line-height: 1.1;
  font-weight: normal;
  font-size: 12px;
  text-align: center;
}

.case_clone {
  margin-top: 2px;
  margin-right: 4px;
  width: 14px;
  height: 14px;
}

.case_droits {

  margin-top: 1px;
  margin-right: 9px;
  height: 14px;
}

#content .figure_album_photos:hover, #content .figure_album_photos:focus {
  border: 10px solid rgba(153,204,0,0.7);
}
#content .figure_album_videos:hover, #content .figure_album_videos:focus {
  border: 10px solid rgba(254,179,22,0.7);
}
#content .figure_album_voyages:hover, #content .figure_album_voyages:focus {
  border: 10px solid rgba(104,175,141,0.7);
}
#content .figure_album_liens:hover, #content .figure_album_liens:focus {
  border: 10px solid rgba(121,67,154,0.7);
}
#content .figure_album_partage:hover, #content .figure_album_partage:focus {
  border: 10px solid rgba(91,91,255,0.7);
}
#content figure:hover h2, #content figure:focus h2 {
  opacity: 0.9;
}



.liste_vide {
background: rgba(255,255,255,0.3);
color: #000;
width: 829px;
padding: 15px;
font-size: 25px;
margin-bottom: 20px;
}


.photo_portrait {
padding-left: 38px;
padding-right: 38px;
}


/* Footer */
footer {
  clear: both;
  width: 1200px;
  font-family: "normal", "Lucida Grande",Tahoma, "Trebuchet MS", Arial, Helvetica, FreeSans, sans-serif;
  font-size: 13px;
  margin: 0 auto;
}

footer a {
  text-decoration: none;
  -moz-text-shadow: 1px 1px 7px #fff;
  -webkit-text-shadow: 1px 1px 7px #fff;
  text-shadow: 1px 1px 7px #fff;
}

footer a:hover, footer a:focus {
  text-decoration: none;
  -moz-text-shadow: 1px 1px 7px #000;
  -webkit-text-shadow: 1px 1px 7px #000;
  text-shadow: 1px 1px 7px #000;
}

.copyright {
float: left;
}
.copyright_titre {
  float : left;
  -moz-border-radius: 10px 0 0 10px;
  -webkit-border-radius: 10px 0 0 10px;
  border-radius: 10px 0 0 10px;
  -moz-box-shadow: 1px 1px 13px #000;
  -webkit-box-shadow: 1px 1px 13px #000;
  box-shadow: 1px 1px 13px #000;
  padding-left: 10px;
  font-size: 15px;
  height: 18px;
  width: 444px;
}
.copyright_bouton, .copyright_bouton_selected  {
  float : left;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  -moz-box-shadow: 1px 1px 13px #000;
  -webkit-box-shadow: 1px 1px 13px #000;
  box-shadow: 1px 1px 13px #000;
  height: 18px;
}
.copyright_bouton_selected  {
  -moz-box-shadow: 1px 1px 13px #eee;
  -webkit-box-shadow: 1px 1px 13px #eee;
  box-shadow: 1px 1px 13px #eee;
  color: #fff;
  text-decoration: none;
  -moz-text-shadow: 1px 1px 7px #000;
  -webkit-text-shadow: 1px 1px 7px #000;
  text-shadow: 1px 1px 7px #000;
}

.rss {
float: right;
}
.rss_titre {
  float : left;
  -moz-border-radius: 10px 0 0 10px;
  -webkit-border-radius: 10px 0 0 10px;
  border-radius: 10px 0 0 10px;
  -moz-box-shadow: 1px 1px 13px #000;
  -webkit-box-shadow: 1px 1px 13px #000;
  box-shadow: 1px 1px 13px #000;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  height: 18px;
  width: 60px;
}
.rss_bouton {
  float : left;
  width: 70px;
  text-align: center;
  -moz-box-shadow: 1px 1px 13px #000;
  -webkit-box-shadow: 1px 1px 13px #000;
  box-shadow: 1px 1px 13px #000;
  height: 18px;
}

.rss_bouton:hover, .copyright_bouton:hover {
  -moz-box-shadow: 1px 1px 13px #eee;
  -webkit-box-shadow: 1px 1px 13px #eee;
  box-shadow: 1px 1px 13px #eee;
  color: #fff;
}
.rss_dernier, .copyright_dernier {
  float : left;
  width: 8px;
  -moz-border-radius: 0 10px 10px 0;
  -webkit-border-radius: 0 10px 10px 0;
  border-radius: 0 10px 10px 0;
  -moz-box-shadow: 1px 1px 13px #000;
  -webkit-box-shadow: 1px 1px 13px #000;
  box-shadow: 1px 1px 13px #000;
  height: 18px;
}

.rb_photos:hover {
  background: rgba(153,204,0,0.8);
}

.rb_videos:hover {
  background: rgba(254,179,22,0.8);
}

.rb_voyages:hover {
  background: rgba(104,175,141,0.8);
}

.rb_citations:hover {
  background: rgba(193,73,65,0.8);
}

.rb_liens:hover {
  background: rgba(121,67,154,0.8);
}



/* ----------------------------- */
/*  =         Inputs             */
/* ----------------------------- */

.input_petit {
  display: inline-block;
  font-size: 12px;
  font-family: "normal", "Lucida Grande",Tahoma, "Trebuchet MS", Arial, Helvetica, FreeSans, sans-serif;
  border: 0;
  padding-left: 5px;
  background: rgba(0,0,0,0.8);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 1px 1px 9px #000;
  -webkit-box-shadow: 1px 1px 9px #000;
  box-shadow: 1px 1px 9px #000;
  color: #fff;
}

.input_normal {
  display: inline-block;
  font-size: 14px;
  font-family: "normal", "Lucida Grande",Tahoma, "Trebuchet MS", Arial, Helvetica, FreeSans, sans-serif;
  border: 0;
  padding-left: 5px;
  background: rgba(0,0,0,0.8);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 1px 1px 9px #000;
  -webkit-box-shadow: 1px 1px 9px #000;
  box-shadow: 1px 1px 9px #000;
  color: #fff;
}

.input_normal_bouton {
  font-size: 14px;
  border: 1px solid #000;
cursor: pointer;

}

.input_normal_bouton:hover {


  border: 1px solid #000;
  color: #000;
  background: rgba(255,255,255,0.8);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 1px 1px 9px #000;
  -webkit-box-shadow: 1px 1px 9px #000;
  box-shadow: 1px 1px 9px #000;
}
/* ----------------------------- */
/*  =         Boutons            */
/* ----------------------------- */

.bouton {
  display: inline-block;
  font-size: 14px;
  font-family: normal, "Lucida Grande",Tahoma, "Trebuchet MS", Arial, Helvetica, FreeSans, sans-serif;
  border: 0;
  padding-left: 7px;
  background: rgba(255,255,255,0.8);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 1px 1px 9px #fff;
  -webkit-box-shadow: 1px 1px 9px #fff;
  box-shadow: 1px 1px 9px #fff;
  font-weight: bold;
  cursor: pointer;
  text-decoration: none;

}

.bouton:hover {
  padding-left: 7px;
  color: #fff;
  text-decoration: none;
}

.bouton_vert {
  color: #090;
  border: 1px solid #090;
}
.bouton_vert:hover {
  background: rgba(0,153,0,0.8);
}

.formulaire_bottom a {
  color: #09c;
}
.bouton_defaut {
  padding-right: 7px;
  padding-bottom: 1px;
  border: 1px solid #09c;
}
.bouton_defaut:hover {
  background: rgba(0,153,204,0.8);
}

.bouton_rouge {
  color: #F30;
  border: 1px solid #F30;
}
.bouton_rouge:hover {
  background: rgba(255,51,0,0.8);
}

.bouton_orange {
  color: #f70;
  border: 1px solid #F70;
}
.bouton_orange:hover {
  background: rgba(255,153,0,0.8);
}

.L_24 {width: 24px;}
.L_30 {width: 30px;}
.L_39 {width: 39px;}
.L_77 {width:77px;}
.L_116 {width:116px;}
.L_142 {width:142px;}
.L_150 {width:150px;}
.L_177 {width:177px;}
.L_180 {width:180px;}
.L_194 {width:194px;}
.L_195 {width:195px;}
.L_153 {width:153px;}
.L_200 {width:200px;}
.L_230 {width:230px;}
.L_250 {width:250px;}
.L_300 {width:300px;}
.L_345 {width:345px;}
.L_368 {width:368px;}
.L_380 {width:380px;}
.L_412 {width:412px;}
.L_419 {width:419px;}
.L_423 {width:423px;}
.L_441 {width:441px;}
.L_450 {width:450px;}
.L_460 {width:460px;}

.H_50 {height:50px;}
.H_80 {height:80px;}
.H_165 {height:165px;}
.H_186 {height:186px;}

.FS_18 {font-size: 18px;}