@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'); 
} 

body {
	color : #8B0000;
	text-decoration : none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-size: 16px;
	margin:2 auto;	
	width:900px;
	/*background-image: url(../images/design/bkgnd.jpg);*/
	text-align: center ; 
	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);

}
.div_conteneur {
	border:0px solid #777777;	
	width: 900px;
text-align: left ; 
	
}

.a1:link {
	font-weight: normal;
	color: #990000;
}
.a1:visited {
	font-weight: normal;
	color: #990000;
}
.a1:hover {
	font-weight: bold;
	color: #820000;
	text-decoration: none;
}
.a2:link {
	font-weight: normal;
	color: #990000;
	text-decoration: none;
}
.a2:visited {
	font-weight: normal;
	color: #990000;
	text-decoration: none;
}
.a2:hover {
	font-weight: bold;
	color: #820000;
}

.normal {
	font-size: 14px;
	color: #990000;
	text-decoration: none;
}
.flash_vif {
	font-size: 18px;
	color: #FF0033;
	text-decoration : underline;
}
.normal_12px_gras {
	font-size: 12px;
	font-weight: bold;
	color: #990000;
}
.px9_normal_brique {
	font-size: 9px;
	font-weight: normal;
	color: #990000;
}
.px11_normal_brique {
	font-size: 11px;
	font-weight: normal;
	color: #990000;
}
.px11_gras_brique {
	font-size: 11px;
	font-weight: bold;
	color: #990000;
}
.px12_normal_rouge {
	font-size: 12px;
	font-weight: normal;
	color: #FF0033;
}
.underlined {
	text-decoration : underline;
}
.notunderlined {
	text-decoration : none;
	border : none;
}
.px12_normal_brique {
	font-size: 12px;
	font-weight: normal;
	color: #990000;
	font-family: Arial, Helvetica, sans-serif;
}

.px12_gras_brique {
	font-size: 12px;
	font-weight: bold;
	color: #990000;
}
.px12_gris {
	font-size: 12px;
	color: gray;
}
.px14_gras_brique {
	font-size: 14px;
	font-weight: bold;
	color: #990000;
}
.px16_gris {
	font-size: 16px;
	color: gray;
}
.px16_brique {
	font-size: 16px;
	color: #990000;
}
.px15_gras_brique {
	font-size: 15px;
	font-weight: bold;
	color: #990000;
}
.px15_gras_brique_notunderlined {
	font-size: 15px;
	font-weight: bold;
	color: #990000;
	text-decoration : none;
}
.px16_gras_brique {
	font-size: 16px;
	font-weight: bold;
	color: #990000;
}
.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;
	color: #990000;
	text-decoration : none;
}
.px16_gras_brique_notunderlined {
	font-size: 16px;
	font-weight: bold;
	color: #990000;
	text-decoration : none;
}
.px18_gras_brique {
	font-size: 18px;
	font-weight: bold;
	color: #990000;
}
.px24_gras_flash {
	font-size: 24px;
	font-weight: bold;
	color: #FF0033;
}

.px20_gras_brique {
	font-size: 20px;
	font-weight: bold;
	color: #990000;
}
.px24_gras_brique {
	font-size: 24px;
	font-weight: bold;
	color: #990000;
}
.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: 1px solid #8B0000;
	empty-cells: show;
	border-collapse: collapse;
	cellspacing : 5pt;
}
table#table_c th {
	border : 1px solid #8B0000;
	background : #FFE4E1;
}
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;
}
table.table_restaurants {
	text-align: left;
	font-size: 9pt;
	border: 2px solid #990000;
	empty-cells: show;
	border-collapse: collapse;
	cellspacing : 5pt;
	color : #8B0000;
}
table.table_restaurants th {
	border : 2px solid #8B0000;
	font-weight : bold;
	background-color : White;
	text-align : left;
	color : #8B0000;
	font-size : 13px;
}
table.table_restaurants td {
	border : 1px solid #8B0000;
	text-align : left;
	font-weight : normal;
	font-size : 11px;
}
.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: 450px;
	height: 170px;
	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: 120px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	font-size: 18px;
	border-style:solid;	
	border-width:0px;	
}
.div_titre {
	height: 30px;
	font-size: 18px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;	
	border-style:solid;	
	border-width:0px;
	width: 270px;	
}
.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;
	font-size: 12pt;
	border: 0px solid #990000;
	empty-cells: show;
	border-collapse: collapse;
	cellspacing : 5pt;
	color : #8B0000;
	width: 780;
}
table.table_repertoires th {
	border : 0px solid #8B0000;
	font-weight : bold;
	background-color : White;
	text-align : left;
	color : #8B0000;
	font-size : 16px;
}
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 #8B0000;
	-moz-box-shadow: 1px 1px 5px #8B0000;  
	-webkit-box-shadow: 1px 1px 5px #8B0000;  
	box-shadow: 1px 1px 5px #8B0000; 
}
.ombre_posters {
	border : 0px solid #8B0000;
	-moz-box-shadow: 2px 2px 10px #8B0000;  
	-webkit-box-shadow: 2px 2px 10px #8B0000;  
	box-shadow: 2px 2px 10px #8B0000; 
}
.ombre_contour {
	border : 0px solid #8B0000;
	-moz-box-shadow: 0 0 15px 3px #8B0000;  
	-webkit-box-shadow: 0 0 15px 3px #8B0000;  
	box-shadow: 0 0 15px 3px #8B0000;	 
}
input[type=submit]{
	background:#ddd;
	background:-moz-linear-gradient(90deg, #a32929, #dc9f9f); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#dc9f9f), to(#a32929)); /* 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, #067cd3, #0bcdff);
	background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fa3939));
	border-color:#093c75;
	text-decoration:none;
}
/* 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;        
        color: #900; 
		border: 1px solid #900; 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 {
		color: #900; 
		text-decoration: none;
}