@font-face { 
    font-family: 'SF_Arch_Rival'; 
    src: url('http://chezoim.dyndns.org/fonts/SF_Arch_Rival.ttf') format('truetype'); 
} 
@font-face { 
    font-family: 'SF_Arch_Rival_Bold'; 
    src: url('http://chezoim.dyndns.org/fonts/SF_Arch_Rival_Bold.ttf') format('truetype'); 
} 
html{
	background:#e9ebfa;
}
body {
	color : #0f2042;
	text-decoration : none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-size: 16px;
	margin:2px auto;	
	/*background-image: url(../images/design/bkgnd.jpg);*/
	background:#e9ebfa;
	text-align: center ; /* a cause de ie, on met dans le ccs: body text-align=center et on place le contener avec une width. Ne pas mettre de width à body*/
}

.conteneur_global { /* a cause de ie, on met dans le ccs: body text-align=center et on place le contener avec une width*/
	background:#ffffff;
	border:0px solid #777777;	
	width: 1100px;
	height: auto;
	text-align: left ; 
	margin: 0 auto; 
	padding:5px 15px;
	border-radius: 19px;
	-webkit-box-shadow: 0 0 9px rgba(0,0,0,0.64);
	-moz-box-shadow: 0 0 9px rgba(0,0,0,0.64);
	box-shadow: 0 0 9px rgba(0,0,0,0.64);
	padding-bottom: 20px;
	
}

.div_conteneur_a {
	border:0px solid #777777;	
	float: left;
	width: 650px;
	height: 600px;
}
.div_conteneur_b {
	border:0px solid #777777;	
	float: left;
	width: 430px;
	height: 600px;
	padding-left:15px;
}
.div_conteneur_c {
	border:0px solid #777777;	
	float: left;
	width: 650px;
	height: 300px;
}
.div_conteneur_d {
	border:0px solid #777777;	
	float: left;
	width: 430px;
	padding-left:15px;
	height: 300px;
}
select {
   background: transparent;
   margin: 2px;
   padding: 0px;
   font-size: 12px;
   border: 1px solid #ccc;
   height: 20px;
}
.select_accueil {
   background: transparent;
   margin: 2px;
   padding: 0px;
   font-size: 12px;
   border: 1px solid #ccc;
   height: 20px;
   width: 600px;
}
.logo_nouv { 
	border:0px solid #777777;	
	width: 40px;
}

.left {
	float: left;
}
a:link {
	font-weight: normal;
	color : #0f2042;	
}
a:visited {
	font-weight: normal;
	color : #0f2042;	
}
a:hover {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.a1:link {
	font-weight: normal;
}
.a1:visited {
	font-weight: normal;
}
.a1:hover {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.a2:link {
	font-weight: normal;
	text-decoration: none;
}
.a2:visited {
	font-weight: normal;
	text-decoration: none;
}
.a2:hover {
	font-weight: bold;
	color: #000000;
}

.normal {
	font-size: 14px;
	text-decoration: none;
}
.flash_vif {
	font-size: 18px;
	color: #FF0033;
	text-decoration : underline;
}
.normal_12px_gras {
	font-size: 12px;
	font-weight: bold;
}
.px9_normal {
	font-size: 9px;
	font-weight: normal;
}
.px11_normal {
	font-size: 11px;
	font-weight: normal;
}
.px11_gras {
	font-size: 11px;
	font-weight: bold;
}
.px12_normal_rouge {
	font-size: 12px;
	font-weight: normal;
	color: red;
}
.underlined {
	text-decoration : underline;
}
.notunderlined {
	text-decoration : none;
	border : none;
}
.px12_normal {
	font-size: 12px;
	font-weight: normal;
}

.px12_gras {
	font-size: 12px;
	font-weight: bold;
}
.px12_gris {
	font-size: 12px;
	color: gray;
}
.px13 {
	font-size: 13px;
}

.px14 {
	font-size: 14px;
}

.px14_gras {
	font-size: 14px;
	font-weight: bold;
}
.px15 {
	font-size: 15px;
}

.px15_gras {
	font-size: 15px;
	font-weight: bold;
}
.px15_gras_notunderlined {
	font-size: 15px;
	font-weight: bold;
	text-decoration : none;
}
.px16_gris {
	font-size: 16px;
	color: gray;
}
.px16 {
	font-size: 16px;
}

.px16_gras {
	font-size: 16px;
	font-weight: bold;
}
.px16_gras_noir {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}

.px16_normal_rouge {
	font-size: 16px;
	font-weight: normal;
	color: #FF0033;
}
.px16_normal_notunderlined {
	font-size: 16px;
	font-weight: normal;
	text-decoration : none;
}
.px16_gras_notunderlined {
	font-size: 16px;
	font-weight: bold;
	text-decoration : none;
}
.px17 {
	font-size: 17px;	
}

.px10_logo {
	font-size: 10px;
	padding-left: 9px;
}
.px10 {
	font-size: 10px;
}
.px12_logo {
	font-size: 12px;
	padding-left: 8px;
}
.px14_logo {
	font-size: 14px;
	padding-left: 7px;
}
.px16_logo {
	font-size: 16px;
	padding-left: 6px;
}
.px18_logo {
	font-size: 18px;
	padding-left: 5px;
}
.px20_logo {
	font-size: 20px;
	padding-left: 5px;
}
.px18_gras {
	font-size: 18px;
	font-weight: bold;
}
.px24_gras_flash {
	font-size: 24px;
	font-weight: bold;
	color: #FF0033;
}

.px20_gras {
	font-size: 20px;
	font-weight: bold;
}
.px24_gras {
	font-size: 24px;
	font-weight: bold;
}
.px36_gras {
	font-size: 36px;
	font-weight: bold;
}
.px16_flash_MAJ {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FF0033;
	text-decoration: none;
}
.hh1 {
	font-size: 36px;
}

table#table_a {
	text-align: left;
	font-size: 9pt;
	background-color: #F0EFEE;
	border: 1px solid #990000;
	empty-cells: show;
	border-collapse: collapse;
	cellspacing : 5pt;
}
table#table_a td {
	border : 1px solid White;
}
table#table_c {
	text-align: left;
	font-size: 9pt;
	color: #8B0000;
	background-color: White;
	border: 0px solid #8B0000;
	empty-cells: show;
	border-collapse: collapse;
	cellspacing : 5pt;
}

table#table_c td {
	border : 0px solid #8B0000;
}
table.table_recettes {
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: rgb(220, 20, 60) rgb(220, 20, 60) rgb(220, 20, 60) rgb(220, 20, 60);
	border-collapse: separate;
	background-color: white;
}
table.table_recettes th {
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-style: dotted dotted dotted dotted;
	border-color: rgb(220, 20, 60) rgb(220, 20, 60) rgb(220, 20, 60) rgb(220, 20, 60);
	background-color: White;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.table_recettes td {
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	-moz-border-radius: 0px 0px 0px 0px;
}

.div_nouveautes {
	font-family: Arial, Helvetica, sans-serif;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-moz-box-shadow: 1px 1px 5px #000;  
	-webkit-box-shadow: 1px 1px 5px #000;  
	box-shadow: 1px 1px 5px #000;	
	width: 600px;
	height: 570px;
	padding-left: 15px;
	padding-top: 10px;
	padding-right: 15px;
	border-style:solid;	
	border-width:0px;		
}
.div_actus {
	font-family: Arial, Helvetica, sans-serif;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-moz-box-shadow: 1px 1px 5px #000;  
	-webkit-box-shadow: 1px 1px 5px #000;  
	box-shadow: 1px 1px 5px #000;	
	width: 450px;
	height: 125px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	font-size: 18px;
	border-style:solid;	
	border-width:0px;	
}
.div_titre {
	height: 30px;
	font-size: 22px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;	
	border-style:solid;	
	border-width:0px;
	width: 370px;	
}
.div_dossiers {
	font-family: Arial, Helvetica, sans-serif;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-moz-box-shadow: 1px 1px 5px #000;  
	-webkit-box-shadow: 1px 1px 5px #000;  
	box-shadow: 1px 1px 5px #000;	
	width: 450px;
	height: 90px;
	padding-left: 15px;
	padding-top: 3px;
	padding-right: 15px;
	font-size: 18px;
}
.div_delires {
	font-family: Arial, Helvetica, sans-serif;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-moz-box-shadow: 1px 1px 5px #000;  
	-webkit-box-shadow: 1px 1px 5px #000;  
	box-shadow: 1px 1px 5px #000;	
	width: 450px;
	height: 107px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 2px;
}
.div_frame_gauche_0 {
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/design/frame_gauche_0.jpg);
	background-repeat: no-repeat;
	text-align: center;
	float: right;
	width: 200px;
	background-position: right;
}
.diva {
	float: left;
	width: 200px;
}
.divb {
	float: left;
}
.divc {
}
.divd {
}

.div_frame_gauche_1 {
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/design/frame_gauche_1.jpg);
	background-repeat: no-repeat;
	text-align: center;
	float: right;
	width: 200px;
	padding-right: 3px;
}
.div_frame_gauche_2 {
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/design/frame_gauche_2.png);
	background-repeat: no-repeat;
	text-align: center;
	float: right;
	width: 200px;
	padding-right: 3px;
   background-color: #ff6600; 
   filter:alpha(opacity=50);
   -moz-opacity:0.5;
   opacity: 0.5;


}
.div_frame_gauche_3 {
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/design/frame_gauche_3.gif);
	background-repeat: no-repeat;
	text-align: left;
	float: right;
	width: 200px;
	padding-right: 1px;
}
.div_frame_gauche_4 {
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/design/frame_gauche_4.jpg);
	background-repeat: no-repeat;
	text-align: center;
	float: right;
	width: 150px;
	padding-right: 10px;
}
.div_cadre_mail {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(../images/design/cadre_mail.gif);
	background-repeat: no-repeat;
	text-align: left;
	width: 400px;
	height: 120px;
	padding-left: 13px;
}
.div_cadre_admin {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(../images/design/cadre_admin.gif);
	background-repeat: no-repeat;
	text-align: left;
	width: 400px;
	height: 250px;
	padding-left: 13px;
	padding-top: 13px;
}
.div_photo_caract {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	padding-left: 60px;
}
.bloc1 {display:none;}  


table#table_videos {
	text-align: center;
	font-size: 11pt;
	color: #8B0000;
	background-color: White;
	border: 1px solid #8B0000;
	empty-cells: show;
	border-collapse: collapse;
	cellspacing : 5pt;
}
table#table_videos th {
	border : 1px solid #8B0000;
	background : #FFE4E1;
}
table#table_videos td {
	border : 0px solid #8B0000;
}


table.table_repertoires {
	text-align: left;
	border: 0px solid #990000;
	empty-cells: show;
	border-collapse: collapse;
	cellspacing : 5pt;
	width: 780;
}

table.table_repertoires td {
	border : 0px solid #8B0000;
	font-weight : left;
	font-size : 16px;
}
table.table_repertoires_liste {
	text-align: left;
	font-size: 12pt;
	border: 1px solid #990000;
	empty-cells: show;
	border-collapse: collapse;
	cellspacing : 5pt;
	color : #8B0000;
	width: 780;
}
table.table_repertoires_liste th {
	border : 1px solid #8B0000;
	font-weight : bold;
	background-color : White;
	text-align : left;
	color : #8B0000;
	font-size : 16px;
}
table.table_repertoires_liste td {
	border : 1px solid #8B0000;
	font-weight : left;
	font-size : 16px;
}


.focus { /*** Retour à l'état normal après l'utilisation ***/
	background: #65C1FF;
	color: black;
}
.normal {	/*** Retour à l'état normal après l'utilisation ***/
	background: white;
	color: black;

}

.repertoire_modif p{
width: 600px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 200px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;

}
.repertoire_modif label{
font-weight: bold;
float: left;
margin-left: -200px; /*width of left column*/
width: 195px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}
.repertoire_modif input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
}

.div_cadre_recherche {
	height: 38px;
	font-size: 18px;
	padding-right: 0px;
	padding-top: 0px;
	border-style:solid;	
	border-width:0px;	
}


footer nav a:hover { 
  -moz-transform: rotate(8deg);  
  -webkit-transform: rotate(8deg); 
} 
.dropShadowbig {
	background: url(../images/design/shadow.png) right bottom no-repeat;
	display: block;
	margin: 13px -10px -10px 10px;
	position: relative;
}

.dropShadowbig .innerbig {
	display: block;
	left: -15px;
	margin: 0;
	overflow: hidden;
	position: relative;
	top: -15px;
}
.ombre_vignettes {
	border : 1px solid #0f2042;
	-moz-box-shadow: 1px 1px 5px #0f2042;  
	-webkit-box-shadow: 1px 1px 5px #0f2042;  
	box-shadow: 1px 1px 5px #0f2042; 
}
.ombre_vignettes_select {
	border : 4px solid #0f2042;
	-moz-box-shadow: 1px 1px 5px #0f2042;  
	-webkit-box-shadow: 1px 1px 5px #0f2042;  
	box-shadow: 1px 1px 5px #0f2042; 
}
.ombre_posters {
	border : 0px solid #0f2042;
	-moz-box-shadow: 2px 2px 10px #0f2042;  
	-webkit-box-shadow: 2px 2px 10px #0f2042;  
	box-shadow: 2px 2px 10px #0f2042; 
}
.ombre_contour {
	border : 0px solid #0f2042;
	-moz-box-shadow: 0 0 15px 2px #0f2042;  
	-webkit-box-shadow: 0 0 15px 2px #0f2042;  
	box-shadow: 0 0 15px 2px #0f2042;	 
}
input[type=submit]{
	background:#ddd;
	background:-moz-linear-gradient(90deg, #343a8c, #0f2042); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#0f2042), to(#343a8c)); /* Webkit */
	border:1px solid #093c75;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-box-shadow:0 1px 0 #fff;
	-webkit-box-shadow:0 1px 0 #fff;
	color:#fff;
	cursor:pointer;
	font-family:Arial,sans-serif;
	font-size:10px;
	font-weight:bold;
	margin-left:5px;
	padding:4px 6px;
	text-decoration:none;
	text-shadow:0 1px 1px #333;
	text-transform:uppercase;
}
input[type=submit]:hover{
	background:#eee;
	background:-moz-linear-gradient(90deg, #b0cbfd, #0f2042);
	background:-webkit-gradient(linear, left top, left bottom, from(#0f2042), to(#b0cbfd));
	border-color:#093c75;
	text-decoration:none;
}





/* header */
.div_menuhaut_conteneur {
	border:0px solid #777777;	
	height:100px;
	
}

.div_menuhaut_a {
	float: left;
	width: 450px;
	text-align: left;
	border:0px solid #666666;
 
}
.div_menuhaut_b {
	float: right;
	text-align: right;
	border:0px solid #111111;
	width: 400px;
}
.aide_menuhaut {
	font-family: 'SF_Arch_Rival','Arial', 'Helvetica', 'sans-serif';
	font-size: 14px;
	font-weight: bold;
	line-height : 12px;
}
.aide_menuhaut2 {
	font-family: 'SF_Arch_Rival','Arial', 'Helvetica', 'sans-serif';
	font-size: 10px;
	font-weight: bold;
	line-height : 12px;
}



/* navigation */
.div_frame_navigation_global {
	border:0px solid #777777;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	width: 900px;
	height: 40px;
	font-size: 16px;
	padding-top: 1px;
	border-style:solid;
	border-width:0px;
	line-height : 10px;	
}
#breadcrumb { 
        margin: 0; padding: 0; 
      } 
#breadcrumb li { 
        display: inline-block; /* affichage horizontal */ 
		position: relative;
		-webkit-transition: opacity 1s;
		-moz-transition: opacity 1s;
		-o-transition: opacity 1s;
		transition: opacity 1s;
      } 
#breadcrumb li + li {
	margin-left: -8px;
} 
#breadcrumb a { 	
		display: inline-block;
        padding: 4px 28px; 
        margin: 0;        
		border: 1px solid #0f2042; border-left: none;
        text-decoration: none;  
        text-shadow: 1px 1px 1px rgba(255,255,255,0.5);  
		-webkit-border-radius: 0 17px 17px 0 / 0 35px 35px 0;
		-moz-border-radius: 0 17px 17px 0 / 0 35px 35px 0;
		border-radius: 0 17px 17px 0 / 0 35px 35px 0;	
		background: #fff;		
		background: -webkit-radial-gradient(-24px center, circle , transparent 30px, #fff 32px);
		background: -moz-radial-gradient(-24px center, circle , transparent 30px, #fff 32px);
		background: -o-radial-gradient(-24px center, circle , transparent 30px, #fff 32px);
		background: radial-gradient(-24px center, circle , transparent 30px, #fff 32px);
} 
#breadcrumb li:hover ~ li  {
		opacity: 0.5;
}
#breadcrumb li:hover ~ li + li  {
		opacity: 0.2;
}

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

/* Photos ZOOM */
table#table_photos_zoom {
	text-align: center;
	font-size: 10pt;
	color: #8B0000;
	background-color: White;
	border: 0px solid #8B0000;
	empty-cells: show;
	border-collapse: collapse;
	cellspacing : 5pt;
}
table#table_photos_zoom td {
	border : 0px solid #8B0000;
}
.gmaps {
	width: 280px;
	border: 0px solid #8B0000;
	text-align: left;
}
.left {
	float: left;
	border: 0px solid #8B0000;
	padding-right: 5px;
}
.exif_global {
	width: 480px;
	border: 0px solid #8B0000;
	text-align: left;
}
.exif {
	float: left;
	border: 0px solid #8B0000;
	padding-right: 5px;
	border-right: 1px dashed gray;
	padding-left: 5px;

}

/* index */
#body_index {
	font-family: 'SF_Arch_Rival_Bold','Arial', 'Helvetica', 'sans-serif';
	font-size: 12px;
	text-align: center ; 	
}
.conteneur_global_index { /* a cause de ie, on met dans le ccs: body text-align=center et on place le contener avec une width*/
	border:0px solid #777777;	
	width: 900px;	
	text-align: left ; 
	margin: 0px auto; 
	padding: 0px;	
	background-color: #0f2042; 
	border-radius: 19px;	
}
#conteneur_bienvenue {
	padding-top: 19px;
	height: 100px;
}
#index_bienvenue {
	width: 400px;
	padding-left: 55px;
	text-align: center ;
	float: left;	
}
#index_texte {
	padding-left: 55px;
	text-align: left ;
}
#index_portraits {
    height: 240px;
	width: 800px;
 	-moz-border-radius:23px;
	-webkit-border-radius:23px; 
	margin: auto ;
	padding-top: 19px;
	
}
#conteneur_portrait {
	float: left;	
	width: 200px;
}
#raphael_portrait {
	-moz-box-shadow: 0 0 5px 5px #a3aa77;  
	-webkit-box-shadow: 5px 5px 5px 5px #a3aa77;  
	box-shadow: 0 0 5px 5px #a3aa77;
	width: 170px;
}
#solange_portrait {
	-moz-box-shadow: 0 0 5px 5px #81705c;  
	-webkit-box-shadow: 0 0 5px 5px #81705c;  
	box-shadow: 0 0 5px 5px #81705c;
	width: 170px;
}
#celia_portrait {
	float: left;
	-moz-box-shadow: 0 0 5px 5px #e0c4d3;  
	-webkit-box-shadow: 0 0 5px 5px #e0c4d3;  
	box-shadow: 0 0 5px 5px #e0c4d3;
	width: 170px;	
}
#romain_portrait {
	float: left;
	-moz-box-shadow: 0 0 5px 5px #af9187;  
	-webkit-box-shadow: 0 0 5px 5px #af9187;  
	box-shadow: 0 0 5px 5px #af9187;		   
	width: 170px;
}

/* index details_portrait */

#details_portrait {
	background: url('../images/design/fond2-cv-raphael.jpg') no-repeat;
	width: 900px;
	height: 340px;
}

#contacts {
	float: left;
	line-height : 15px;
	
}
#h0_details_jb {
	font-size: 40px;
	color: #ffffff;
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
#h0_details_portrait {
	font-size: 45px;
	color: #ffffff;
	font-weight: normal;
	margin: 0px;
	padding: 35px 0px 0px 35px;
}
#h0_details_portrait_2 {
	float: left;
	font-size: 45px;
	color: #ffffff;
	font-weight: normal;
	margin: 0px;
	padding: 5px 0px 0px 35px;
	border: 0px solid #388ac9;
	
}
#h1_details_portrait {
	font-size: 20px;
	color: #ffffff;
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
#h1_details_portrait_2 {
	float: left;
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
	border: 0px solid #388ac9;
	padding: 12px 0px;
	margin: 0px;
}
#h2_details_portrait {
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	border-top: 0px solid #388ac9;
	padding: 3px 0px;
	margin: 0px;
}
#h2_details_portrait a {
	margin: 2px;
}
#h2_details_portrait_2 {
	float: left;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	border: 0px solid #388ac9;
	padding: 15px 2px;
	margin: 0px;
}
#socialnetworks {
	float: left;
	width: 300px;
	height: 70px;
	text-align: center;
	padding-top: 19px;
	line-height : 20px;	
}
#name {
	height: 80px;
	width:800px;
	border: 0px solid #388ac9;
	padding-left: 40px;
	
}
#qrcode {
	float: left;
	width: 80px;
	padding: 10px 0px 0px 32px;
}

#addresses {
	float: left;
	width: 450px;
	padding: 10px 0px 0px 32px;
}
#addresses a{
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
}
.blue {
	color: #0f2042;
	text-decoration : none;	
}
.blue a {
	color: #0f2042;
	text-decoration : none;	
}
#form_login {
	height: 30px;
	color: #ffffff;
}
#form_login a {
	color: #ffffff;
	text-decoration : none;	
}
/* index accueil_prive */

#div_accueil_prive {
	text-align: left;
	color:#ffffff;
	width: 350px;
	float: left;
	padding-top: 0px;
	padding-right: 5px;
	padding-left: 25px;
}

#div_accueil_prive input[type=text],
#div_accueil_prive input[type=password]{
	border:1px solid #aaa;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-box-shadow:0 0 3px #aaa;
	-webkit-box-shadow:0 0 3px #aaa;
	padding:5px;
	text-align: left;  
}

#login {
	margin:0px 0px 0px 5px;
	border:2px solid #ffffff;
	-moz-border-radius: 15px;
	border-radius: 15px;	
}

#login legend {
	padding:0 5px;
	border:none;
	background:#fff;
	color:#000;
	border:3px solid #ffffff;
	-moz-border-radius: 8px;
	border-radius: 8px;
}


#info_socialnetworks {
	text-align: left;
	padding: 1px;
	height: 10px;
	color: #0f2042;	
	font-size: 10px;
}

/* BLOG */
.conteneur_global_blog { /* a cause de ie, on met dans le ccs: body text-align=center et on place le contener avec une width*/
	border:0px solid #777777;	
	width: 900px;
	text-align: left ; 
	margin: 0 auto; 
	padding:5px 5px;
}

/* PHOTO */
.body_photo {
	color : #0f2042;
	text-decoration : none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-size: 16px;
	margin:2px auto;	
	/*background-image: url(../images/design/bkgnd.jpg);*/
	text-align: center ; /* a cause de ie, on met dans le ccs: body text-align=center et on place le contener avec une width. Ne pas mettre de width à body*/
}
.photo_menu {
	display: block;;
	/*width: 80px;*/
	height: 80px;
	padding-left: -70px;
	padding-top: -70px;
	float: left;
	border : 0px solid #8B0000;
	text-align: center;
	overflow: hidden;
	margin: 5px;
	-moz-box-shadow: 1px 1px 5px #8B0000;  
	-webkit-box-shadow: 1px 1px 5px #8B0000;  
	box-shadow: 1px 1px 5px #8B0000; 
}
#img_photo_menu{
	height: 80px;
}
#img_photo_menu_nonautorise{
	opacity: 0.5;
}
.photo_vignette_old {
	display: block;
	width: 80px;
	height: 80px;
	padding-left: -70px; /*pas d'effet sur chrome*/
	padding-top: -70px; /*pas d'effet sur chrome*/
	float: right;
	border : 0px solid #8B0000;
	text-align: center;
	overflow: hidden;
	margin: 5px;
	-moz-box-shadow: 1px 1px 5px #8B0000;  
	-webkit-box-shadow: 1px 1px 5px #8B0000;  
	box-shadow: 1px 1px 5px #8B0000; 
}
.photo_vignette {
	float: left;

	height: 80px;
	border : 2px solid white;
	text-align: center;
}
#img_photo_vignette_old{
	margin-left: -10px;
	margin-top: -10px;
}
#img_photo_vignette{
	height: 80px;
}
#img_photo_poster{
}
.div_menu_conteneur2{
	border : 0px solid #8B0000;
	padding-top: 6px;	
}
.div_menu_conteneur3{
	float: right;
	text-align: right;
	width: 230px;
	border : 0px solid #8B0000;
	padding-top: 6px;	
}
.logo {
	display: block;
	width: 15px;
	height: 15px;
	padding-left: -12px;
	padding-top: -12px;
	float: right;
	border : 0px solid #8B0000;
	text-align: left;
	overflow: hidden;
	margin: 5px;
	-moz-box-shadow: 1px 1px 5px #8B0000;  
	-webkit-box-shadow: 1px 1px 5px #8B0000;  
	box-shadow: 1px 1px 5px #8B0000; 
}

@font-face { 
	font-family: 'attache'; 
	font-style: normal;
	font-weight: normal;	
	src: local('attache'), url('http://chezoim.dyndns.org/fonts/attache.ttf') format('truetype'); 
} 
@font-face { 
    font-family: 'ubuntu'; 
    src: url('http://chezoim.dyndns.org/fonts/ubuntu.ttf') format('truetype'); 
} 
@font-face { 
    font-family: 'Kingthings_Petrock'; 
    src: url('http://chezoim.dyndns.org/fonts/Kingthings_Petrock.ttf') format('truetype'); 
} 
.h1_photo_menu {  
  font-family: 'Kingthings_Petrock', sans-serif; 
  font-size: 22pt;
  text-shadow: 0px 0px 4px #ffffff;
}  
.h2_photo_menu {  
  font-family: 'Kingthings_Petrock', sans-serif; 
  font-size: 18pt;
  text-shadow: 0px 0px 4px #ffffff;
}  
.h3_photo_menu {  
  font-family: 'Kingthings_Petrock', sans-serif; 
  font-size: 16pt;
  text-shadow: 0px 0px 4px #ffffff;
} 
.h3_photo_menu_opacity {  
  font-family: 'Kingthings_Petrock', sans-serif; 
  font-size: 16pt;
  text-shadow: 0px 0px 4px #ffffff;
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  opacity: 0.5;
} 
.h4_photo_menu {  
  font-family: 'Kingthings_Petrock', sans-serif; 
  font-size: 12pt;
  text-shadow: 0px 0px 2px #ffffff;
} 
.h4_photo_menu_opacity {  
  font-family: 'Kingthings_Petrock', sans-serif; 
  font-size: 12pt;
  text-shadow: 0px 0px 4px #ffffff;
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  opacity: 0.5;
} 
.h5_photo_menu {  
  font-family: 'Kingthings_Petrock', sans-serif; 
  font-size: 8pt;
  text-shadow: 0px 0px 2px #ffffff;
} 

table#table_a_photos {
	text-align: center;
	font-size: 10pt;
	color: #8B0000;
	background-color: White;
	border: 0px solid #8B0000;
	empty-cells: show;
	border-collapse: collapse;
	cellspacing : 5pt;
}
table#table_a_photos th {
	border : 1px solid #8B0000;
	background : #FFE4E1;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
table#table_a_photos td {
	border : 0px solid #8B0000;
}
.div_menu_3 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	float: left;
	padding-left: 1px;
	padding-top: 1px;
	color: #990000;
	border-style:solid;
	border-width:0px;
	vertical-align: middle;
}
a.a_pho:link {
	font-weight: normal;
	text-decoration: none;
	color : #8B0000;
}
a.a_pho:visited {
	font-weight: normal;
	text-decoration: none;
	color : #8B0000;
}
a.a_pho:hover {
	font-weight: bold;
	text-decoration: none;
	color : #8B0000;
}
a.a_pho:active {
	font-weight: normal;
	text-decoration: none;
	color : #8B0000;
}
.photo_conteneur{
	text-align: left;
	width: 900px;
	border : 0px solid #8B0000;
}
.photo_titre {
	border : 0px solid #8B0000;
	background : #fef1f1;
	margin:10px;		
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 2%;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.64);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.64);
	box-shadow: 0 0 3px rgba(0,0,0,0.64);	
	text-align: left;
}
.photo_titre2 {
	border : 0px solid #8B0000;
	background : #fef1f1;
	margin:10px;		
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 2%;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.64);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.64);
	box-shadow: 0 0 3px rgba(0,0,0,0.64);	
	text-align: center;
}
.photo_recherche {
	border : 0px solid #8B0000;
	background : #fef1f1;
	margin:10px;		
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 2%;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.64);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.64);
	box-shadow: 0 0 3px rgba(0,0,0,0.64);	
	text-align: left;
}
.photo_zoom_titre {
	float: left;
	width: 700px;
	border : 0px solid #8B0000;
	background : #fef1f1;
	margin-top:10px;	
	
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.64);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.64);
	box-shadow: 0 0 3px rgba(0,0,0,0.64);	
}
.photo_zoom_exif {
	float: left;
	width: 150px;
	margin-left:10px;
	margin-top:10px;	
	border : 0px solid #8B0000;
	background : #fef1f1;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.64);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.64);
	box-shadow: 0 0 3px rgba(0,0,0,0.64);	
}
.photo_zoom_poster{
	width: 850px;
	border : 0px solid #8B0000;
	text-align:center;
}
	
/* VIDEO */
.video_titre {
	border : 1px solid #8B0000;
	background : #fef1f1;
	margin-top:10px;		
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.64);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.64);
	box-shadow: 0 0 3px rgba(0,0,0,0.64);	
}
.li_video {
	padding-left: 28px;
}	
.video_conteneur{
	text-align: left;
	width: 900px;
	border : 0px solid #8B0000;
	height: 370px;
}
.video {
	float: left;
	width: 420px;
	border : 0px solid #8B0000;
	background : #fef1f1;
	margin-top:10px;	
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.64);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.64);
	box-shadow: 0 0 3px rgba(0,0,0,0.64);	
}
.video_commentaire {
	float: left;
	width: 390px;
	margin-left:10px;
	margin-top:10px;	
	border : 0px solid #8B0000;
	background : #fef1f1;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.64);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.64);
	box-shadow: 0 0 3px rgba(0,0,0,0.64);	
}	
	
	
	
	
/* BLOG */

.div_blog_ed2_cadre {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	float: left;
	/*width: 430px;*/
	/*width: auto;*/
	padding-right: 10px;
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: 10px;
	padding-left: 10px;
	border: thick solid #990033;

}
.div_blog_ed2_cadre_noir {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	float: left;
	/*width: 430px;*/
	padding-right: 10px;
	background-color: #000000;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: 10px;
	padding-left: 10px;
	border: thick solid #990033;

}
	

@media (max-width: 780px){
	* {
		box-sizing: border-box;
	}
	
	/* passer body (et tous les éléments de largeur fixe) en largeur automatique */

	body {
		width: auto;
		margin: 0;
		padding: 0;
	}
	
	/* fixer une largeur maximale de 100% aux éléments potentiellement problématiques */

	img,
	table,
	td,
	blockquote,
	code,
	pre,
	textarea,
	input,
	iframe,
	object,
	embed,
	form,
	p,
	video {
		max-width: 100%;
	}
	
	/* conserver le ratio des images */

	img {
		/*height: auto;*/
		/*width: auto;*/
	}
	
	/* gestion des mots longs */

	textarea,
	table,
	td,
	th,
	code,
	pre,
	samp {
		-webkit-hyphens: auto; /* césure propre */
		-moz-hyphens: auto;
		hyphens: auto;
		word-wrap: break-word; /* passage à la ligne forcé */
	}
	
	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) */

	.div_menuhaut_a,
	.div_menuhaut_b,
	.div_masquage,
	.div_menuhaut_conteneur,
	.div_frame_navigation_global,
	.div_conteneur_b,
	.div_conteneur_a {
		width: auto;
		height: auto;
		float: none;
	}


	.div_conteneur_e {
		width: auto;
		display: flex;
		flex-flow: column wrap;
		height: auto;
	}	
	
	.conteneur_global {
		width: auto;
		display: flex;
		flex-flow: column wrap;
		height: auto;
	}
	
	/* masquer les éléments superflus */
	.select_accueil,
	.div_menuhaut_conteneur,
	.div_masquage,
	.photo_titre,
	.div_index1,
	.div_blog_ed2_cadre,
	.div_menuhaut_a {
		display: none;
	}
	
	/* Un message personnalisé 

	body:before {
		content: "Version mobile du site";
		display: block;
		text-align: center;
		font-style: italic;
		color: #777;
	} */
}