.toto /*laisser cette classe en haut pour que ca marche*/
{
}

.button_search
{
background-color:#003366; 
border:none; 
padding:2px;
color:white;
font-size:12px;
cursor:pointer;
}

.td_table_5
{
	width:131px; 
	vertical-align:top;
	padding-left:3px;
	padding-right:4px;
	padding-top:0px;
}

.td_table_6
{
	width:107px;
	vertical-align:top;
	padding-left:6px;
	padding-right:3px;
	padding-top:0px;
}
.sommaire
{
color:#003366;
padding:5px; 
padding-left:15px;
padding-right:20px; 
border:solid 1px #003366; 
margin-top:5px; 
margin-bottom:10px;
background-color:#EDEFF4;  
font-size:12px;
float:left;
margin-left:0px;
}

.dynpage
{
	padding-top:5px;
	padding-left:8px;
	padding-right:8px;
	font-family:sans-serif; 
	font-size:12px;
	/*font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; */
}
.dynpage a
{
	font-size:12px;
}
.dynpage p
{
	padding-top:5px;
	/*text-indent:20px;*/
	font-family:sans-serif; 
	line-height:1.4em; 
	font-size:12px;  
	/*text-align:justify; */
	color:black;
}
.dynpage h1
{
	color:black;
	font-size:26px;  
	display:block; 
	font-weight:normal;
	
}

.dynpage h2
{
	color:black;
	font-size:24px;  
	display:block; 
	font-weight:normal;
	border-bottome:solid 1px #003366;
}

.dynpage h3
{
	color:black;
	font-size:18px;  
	display:block; 
	font-weight:bold;
	border-bottome:dotted 1px #003366;
}
.dynpage h4
{
	color:black;
	font-size:14px;  
	display:block; 
	font-weight:bold;
	border-bottome:dotted 1px #003366;
}
.dynpage h5
{
	color:black;
	font-size:12px;  
	display:block; 
	font-weight:bold;
	border-bottome:dotted 1px #003366;
}
ul
{
	line-height:1.5em;
}
.li_title_1 a 
{
	font-size:12px;
}
.li_title_2 a 
{
	font-size:12px;
}
.li_title_3 a 
{
	font-size:12px;
}
.li_title_4 a 
{
	font-size:12px;
}
.li_title_5 a 
{
	font-size:12px;
}
.li_title_2
{
	padding-left:30px;
}
.li_title_3
{
	padding-left:60px;
}
.li_title_4
{
	padding-left:90px;
}
.li_title_5
{
	padding-left:120px;
}

.etiquette_music
{
float:left; 
font-size:9px; 
text-align:center;  
color:white;
height:60px; 
background-color:#00D200;
text-decoration:none; 
cursor:pointer; 
width:9px; 
line-height:1.3;
}

.etiquette_video
{
float:left; 
font-size:9px; 
text-align:center;  
color:white;
height:60px; 
background-color:#0080FF;
text-decoration:none; 
cursor:pointer; 
width:9px; 
line-height:1.3;
}

.etiquette_news
{
float:left; 
font-size:9px; 
text-align:center;  
color:white;
height:60px; 
background-color:#FF0080;
text-decoration:none; 
cursor:pointer; 
width:9px; 
line-height:1.6;
}

.etiquette_photo
{
float:left; 
font-size:9px; 
text-align:center;  
color:white;
height:60px; 
background-color:black;
text-decoration:none; 
cursor:pointer; 
width:9px; 
line-height:1.3;
}

.etiquette_event
{
float:left; 
font-size:9px; 
text-align:center;  
color:white;
height:60px; 
background-color:#FF9900; 
text-decoration:none; 
cursor:pointer; 
width:9px; 
line-height:1.3;
}

.pages
{
	color:#003366;
	font-family: verdana,'lucida grande',tahoma,arial,sans-serif; 
	font-size:11px;
	text-align:right;
}
.menu_profil
{
margin-top:1px; 
/*background-color:#D8DFEA; */
padding-left:5px; 
height:15px;
}

.border_top
{
	border-top:solid 1px #003366;
}

.croix_delete
{
	background:url('../img/croix_gris_11.png') no-repeat top right ;
	width:12px;
	height:12px;
}
.croix_delete:hover
{
	background:url('../img/croix_blue_11.png') no-repeat top right ;
	cursor:pointer;
	width:12px;
	height:12px;
}

.couleur1
{
	color:#003366 ;
}
.couleur2
{
	color:#DADADA ;
}
.couleur3
{
	color:white ;
}
.couleur4
{
	color:orange ;
}


.background-couleur1
{
	background-color:#003366 ;
}
.background-couleur2
{
	background-color:#DADADA ;
}
.background-couleur3
{
	background-color:white ;
}
.background-couleur4
{
	background-color:orange ;
}
.background-couleur5
{
	background-color:#EDEFF4 ;
}
.border-couleur1
{
	border:solid 1px #003366 ; 
}
.border-couleur2
{
	border-color:solid 1px  #DADADA ; 
}
.tableau
{
	border-collapse:collapse;
	text-align:left;
	width:100%;
}
.tableau .objet
{
	color:#C0C0C0 ; 
	padding-right:5px;
	/*width:25%;*/
}
.tableau .valeur
{
	/*width:70%;*/
}
.fond_interieur_site
{
}
.menu_puce a 
{
text-decoration: underline;
padding-left: 15px;
background: url(../img/carre_gris1.png) center left no-repeat;
}
	 
.menu_puce a:hover 
{
background-image: url(../img/carre_bleu1.png);
color:#003366 ;
}
.menu_puce_selected a
{
text-decoration: underline;
padding-left: 15px;
background: url(../img/carre_orange.png) center left no-repeat;
}

.menu_left a 
{
	font-size:11px;
	color:white;
}
.menu_left a:hover
{
	font-size:11px;
	color:white;
}
.menu_left .select
{
	color:#003366;
}
.menu_left .select a
{
	color:#003366;
}

.border{ bordere:solid 1px #336699; #003366; }
.border-top{ border-top:solid 1px #DADADA; }
.border-bottom{ border-bottom:solid 1px #DADADA; }

.drapeau
{
	filter:alpha(opacity=30) ; 
	-moz-opacity:0.3 ;
}

.drapeau:hover
{
	filter:none;
	-moz-opacity:1 ;
}

.drapeau2
{
	filter:alpha(opacity=70) ; 
	-moz-opacity:0.3 ;
}

.drapeau2:hover
{
	filter:none;
	-moz-opacity:1 ;
}

fieldset
{
	border: solid 1px #DADADA;
}

a
{
	color:#003366;
	font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; 
	font-size:11px;
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}

h1
{
	display:inline;
	color:black;
	font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; 
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
h2
{
	display:inline;
	/*color:#003366;*/
	font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; 
	font-size:12px;
	font-weight:bold;
}
h3
{
	display:inline;
	color:#003366;
	font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; 
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}
h4
{
	display:inline;
	color:#003366;
	font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; 
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}
h5
{
	display:inline;
	color:#003366;
	font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; 
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
}

.album
{
	margin:0 auto;
	text-align:center;
	border-collapse: collapse; 
	width:98%;
}

.album td
{
	width:25%;
	padding-bottom:8px;
}

.photo_album
{
border:solid 1px #DADADA; padding:4px;
}
.photo_album:hover
{
border:solid 1px #003366; padding:4px;

}

.button
{
	background-color:#003366;
	color:white; 
	font-size:12px;
	margin-top:10px;
	border:solid 1px #003366;
	padding-left:10px;
	padding-right:10px;
	cursor:pointer;
}

.button_100
{
	background-color:#003366;
	color:white; 
	width:100px;
	font-size:12px;
	margin-top:10px;
	border:solid 1px #003366;
	padding-left:10px;
	padding-right:10px;
	cursor:pointer;
}
.frm_search
{
	background-color:white; 
	/*background-image: url(http://localhost/PROJET/cathocom/v1/img/mer_2.jpg);*/
}

.formulaire
{
	text-align:center;
	background-color:#EDEFF4; 
	margin-top:0px;
	padding-bottom:20px;
	padding-top:10px;
}
.formulaire table
{
	margin:0 auto; 
	margin-top:0px;
}
.formulaire .objet
{
	/*vertical-align:top;*/
	width:140px; 
	text-align:right; 
	padding-right:10px; 
	font-weight:bold;
	color:#003366;
}
.formulaire .valeur
{
	vertical-align:top;
	width:300px; 
	color:#003366;
	font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; 
	font-size:11px;
	text-align:left;
}
.formulaire .objet2
{
	text-align:right; 
	padding-right:10px; 
	font-weight:bold;
	color:#003366;
}
.formulaire .valeur2
{
	color:#003366;
	font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; 
	font-size:11px;
	text-align:left;
}


.input_text
{
	width:96%; 
	color:#003366;
	font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; 
	font-size:11px;
}

.input_select
{
	color:#003366;
	font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; 
	font-size:11px;
}

label
{
	font-weight:bold;
	color:#003366;
}


/**********************************************
* Menu bar
***********************************************/
.menu_bar
{
	width:100%;
	border-bottom: 1px solid #003366; 
	padding-top:12px;
	font-size:12px;
	height:24px;
	background-color:white;
}

.menu_bar a
{
	font-size:12px;
	cursor:pointer;
	text-decoration:none;
	color:#003366;
}

.menu_bar_div
{
	float:left;
	margin-left:5px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
}

.menu_bar_selected_a .menu_bar_div
{
	background-color:#003366;
	color:white;
}

.menu_bar_delete_a .menu_bar_div
{
	background-color:red;
	color:white;
	float:right; margin-right:5px; 
}

.menu_bar_no_selected_a .menu_bar_div:hover
{
	background-color:#DADADA;
}

.menu_bar_no_delete_a .menu_bar_div
{
	float:right; margin-right:5px; 
}

.menu_bar_no_delete_a .menu_bar_div:hover
{
	background-color:#DADADA;
}


/**********************************************
* Box
***********************************************/
.box
{
/*pour le centrage*/
/*margin: 0 auto; */
/*float:left;*/
margin:5px;
border-collapse: collapse; 
width:300px;
height:1000px;

}
.box td 
{
   border: 1px solid #003366; 
}
.box .title
{
	background-color:#003366;
	color:white;
	height:20px;
	font-size:12px;
	
}
.box img
{
	border:none;
}
.box .contenu
{
	background-color:white;
	color:#003366;
	height:300px;
}




/**********************************************
* Message
***********************************************/
.message
{
margin: 0 auto; 
border-collapse: collapse; 
}

.message tr:hover 
{
   background-color: #EDEFF4;
}


.message .name
{
	color:#003366;
}
.message .date
{
	color:rgb(131,131,131) ;
}
.message .subject
{
	color:#003366;
	font-weight:bold;
}

.message .msg
{
	color:#003366;
}

/**********************************************
* Message row
***********************************************/
.message_row
{
margin: 0 auto; 
border-collapse: collapse; 
}

.message_row .name
{
	color:#003366;
}
.message_row .date
{
	color:rgb(131,131,131) ;
}
.message_row .subject
{
	color:#003366;
	font-weight:bold;
}

.message_row .msg
{
	color:#003366;
}


/**********************************************
* fiche_tab
***********************************************/
.fiche_tab
{
margin: 0 auto; 
border-collapse: collapse;  
margin-bottom:4px; 
width:688px;

}

/**********************************************
* trombi_tab
***********************************************/
.trombi_tab
{
margin: 0 auto; 
border-collapse: collapse;  
}

/**********************************************
* Menu
***********************************************/
.menu_contextuel
{
	color:#003366;
	text-decoration:none;
}

.critere
{
margin-bottom:5px;
margin-left:6px;
margin-right:6px;
}

/**********************************************
* Page
***********************************************/
body {
background-color:white;
font-family:  'lucida grande',tahoma,verdana,arial,sans-serif; 
font-size: 11px;
margin: 0;
padding: 0;

}
#header {
heighte: 27px;
margin-bottom:4px;
background-color: #003366 ;
}
#header_menu_contextuel
{
background-color:#DADADA;  
height:21px;  
padding-top:5px;  
text-align:center;
}
#conteneur {
position: relative;
width: 970px;
margin: 0 auto; 
background-color:white;
}
#centre {

background-color:white;
margin-left: 130px;
margin-right: 140px;
}
#gauche {
position: absolute;
left:0;
width: 130px;
}
#droite {
position: absolute;
right:0;
width: 140px;
}
#pied {
height: 1px;
}
.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menugauche a:hover {
text-decoration: none;
}
.menudroit {
list-style-type: none;
margin: 0;
padding:0;
}
.menudroit li {
margin-bottom: 5px;
}
.menudroit a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menudroit a:hover {
text-decoration: none;
}
p {margin: 0 0 10px 0;}




/**********************************************
* cadre standard
***********************************************/

.upperleft{
	background-color : #DADADA;
	background-image : url('../img/cadre/4_gris2_tl.gif');
	background-repeat : no-repeat;
	background-position : top left;
}



.upperright{
	background-image : url('../img/cadre/4_gris2_tr.gif');
	background-repeat : no-repeat;
	background-position : top right;
}

.lowerleft{
	background-image : url('../img/cadre/4_gris2_bl.gif');
	background-repeat : no-repeat;
	background-position : bottom left;
}

.lowerright{
	background-image : url('../img/cadre/4_gris2_br.gif');
	background-repeat : no-repeat;
	background-position : bottom right;
	padding : 3px 3px 3px 3px;
}

.lowerright2{
	background-color : #DADADA;
	background-image : url('../img/cadre/4_gris2_br.gif');
	background-repeat : no-repeat;
	background-position : bottom right;
}






/**********************************************
* cadre pour menu
***********************************************/
.upperleft_menu
{
	background-color : #EDEFF4;
	color:#003366;
	font-weight:bold;
	font-size:13px;
	background-image : url('../img/cadre/4_EDEFF4_tl.png');
	background-repeat : no-repeat;
	background-position : top left;
}
.upperright_menu
{
	background-image : url('../img/cadre/4_EDEFF4_tr.png');
	background-repeat : no-repeat;
	background-position : top right;
	height:100%;
}

.upperleft_menu:hover{
	background-color :orange; /* #003366;*/
	color : white; /*#003366;*/
	background-image : url('../img/cadre/4_orange1_tl.gif');
	background-repeat : no-repeat;
	background-position : top left;
	
}

.upperright_menu:hover{
	background-image : url('../img/cadre/4_orange1_tr.gif');
	background-repeat : no-repeat;
	background-position : top right;
}

.upperleft_menu_select
{
	color : white; /*#003366;*/
	background-color:#003366;
	color:white;
	font-weight:bold;
	background-image : url('../img/cadre/4_003366_tl.png');
	background-repeat : no-repeat;
	background-position : top left;
}
.upperright_menu_select
{
	background-image : url('../img/cadre/4_003366_tr.png');
	background-repeat : no-repeat;
	background-position : top right;
}

.upperleft_menu2:hover{
	background-color : #EDEFF4;
	color : #003366;
	background-image : url('../img/cadre/4_gris2_tl.gif');
	background-repeat : no-repeat;
	background-position : top left;
}

.upperright_menu2:hover{
	background-image : url('../img/cadre/4_gris2_tr.gif');
	background-repeat : no-repeat;
	background-position : top right;
}

/**********************************************
* cadre bleu1
***********************************************/

.upperleft_bleu1
{
	background-image : url('../img/cadre/4_003366_tl.png');
	background-repeat : no-repeat;
	background-position : top left;
}

.upperright_bleu1{
	background-image : url('../img/cadre/4_003366_tr.png');
	background-repeat : no-repeat;
	background-position : top right;
}

.lowerleft_bleu1{
	background-color : #003366; 
	background-image : url('../img/cadre/4_003366_bl.png');
	background-repeat : no-repeat;
	background-position : bottom left;
}

.lowerright_bleu1{
	background-image : url('../img/cadre/4_003366_br.png');
	background-repeat : no-repeat;
	background-position : bottom right;
	padding : 3px 3px 3px 3px;
	height:100%;
}

/*new*/
.upperleft_orange
{
	background-color:orange;
	background-image : url('../img/cadre/4_orange1_tl.gif');
	background-repeat : no-repeat;
	background-position : top left;
}
.upperright_orange
{
	background-image : url('../img/cadre/4_orange1_tr.gif');
	background-repeat : no-repeat;
	background-position : top right;
}
.lowerleft_orange{
	background-image : url('../img/cadre/4_orange1_bl.gif');
	background-repeat : no-repeat;
	background-position : bottom left;
}

.lowerright_orange{
	background-image : url('../img/cadre/4_orange1_br.gif');
	background-repeat : no-repeat;
	background-position : bottom right;
	padding : 3px 3px 3px 3px;
	height:100%;
}
/**/

.upperleft_bleu2
{
	background-color:#003366;
	background-image : url('../img/cadre/4_003366_tl.png');
	background-repeat : no-repeat;
	background-position : top left;
}
.upperright_bleu2
{
	background-image : url('../img/cadre/4_003366_tr.png');
	background-repeat : no-repeat;
	background-position : top right;
}
.lowerleft_bleu2{
	background-image : url('../img/cadre/4_003366_bl.png');
	background-repeat : no-repeat;
	background-position : bottom left;
}

.lowerright_bleu2{
	background-image : url('../img/cadre/4_003366_br.png');
	background-repeat : no-repeat;
	background-position : bottom right;
	padding : 3px 3px 3px 3px;
	height:100%;
}

/**********************************************
*Menu contextuel
***********************************************/
ul#menu {list-style-type: none;} 

ul#menu li 
{

}

ul#menu a {
     /*margin: 0 1px;*/
     width: 80px; 
     height: 18px;
			display: block;
			background-color: #003366;
     
     text-align: left;
     padding-left:10px;
     border: 1px solid white;
     text-decoration: none;
     color: white;
     
	 }
	 
ul#menu a:hover {
     background-color: #DADADA;
     border: 1px solid white; 
     }

/**********************************************
*photo_trombi
***********************************************/
.photo_trombi
{
width:80px;
/*width:84px;*/
/*height:115px;*/
height:115px;
background-color:rgb(158,220,242) ; /*#B0E0E6; */
float:left;
/*margin-right:8px;*/
margin-right:4px;
margin-bottom:8px;
vertical-align:middle;
text-align:center;
font-size:10px;
font-family:verdana;
overflow:hidden;
border: 2px solid rgb(126,203,243) ;
}

.cadre_tree
{
width:90px;
/*height:115px;*/
height:130px;
float:left;
}

.photo_trombi_table
{
width:80px;
height:85px;
/*background-color:#B0E0E6; */
padding:0px;
margin:0px;
}
.photo_trombi img
{
border: none;
}
.photo_trombi_td
{
vertical-align:center; 
padding:0px;
}

.fin_trombi
{
height:115px;
width:1px;
margin-top:0px;
padding-top:0px;
}


/**********************************************
*photo_trombi cadre arrondi
***********************************************/
.photo_trombi_arrondi
{
width:80px;
/*width:84px;*/
/*height:115px;*/
height:115px;
/*background-color:rgb(158,220,242) ;*/ /*#B0E0E6; */
float:left;
/*margin-right:8px;*/
margin-right:4px;
margin-bottom:8px;
vertical-align:middle;
text-align:center;
font-size:10px;
font-family:verdana;
overflow:hidden;
/*border: 2px solid rgb(126,203,243) ;*/
}



.photo_trombi_table
{
width:80px;
height:85px;
/*background-color:#B0E0E6; */
padding:0px;
margin:0px;
}
.photo_trombi_arrondi img
{
border: none;
}
.photo_trombi_td_arrondi
{
vertical-align:center; 
padding:0px;
}

.fin_trombi_arrondi
{
height:115px;
width:1px;
margin-top:0px;
padding-top:0px;
}

mentions_legales:h2
{
color:black;
}

.mentions_legales p
{
margin-top:10px;

}