/* CSS Document */

/*general*/
.paragraphe
{
margin-top: 0px;
margin-bottom: 0px;
text-align:justify;
font-size: 1em; /*permet de modifier la taille des texte qu'il y a dans les vignettes*/
}

.tableau_objet_corps
{
padding: 0px;
}

.tableau_legende
{
background-color:#CCCCCC;
padding-left: 10px;
padding-right: 10px;
padding-top: 1px;
padding-bottom: 2px;
border-top: 1px solid white; 
text-align:center;
font-size:11px;
line-height:13px;
}

.p_image
{
margin: 0px;
padding:0px;
}

.commentaires /*pour afficher l'accès au com en bas au centre de la vignette*/
{
margin:0px;
margin-top: 11px;
padding: 0px;
text-align:center;
font-size: 0.9em;
}

.bas_de_vignette /*tableau en bas de la vignette pour afficher dates et "com" */
{
border-collapse:collapse;
margin:0px;
margin-top: 11px;
width: 100%;

}

.bas_de_vignette .colonne_gauche
{
text-align:left;
padding: 0px;
font-size: 0.9em;
line-height: 15px;
vertical-align:bottom;
}

.bas_de_vignette .colonne_droite
{
text-align:right;
line-height: 15px;
padding: 0px;
font-size: 0.9em;
vertical-align:bottom;
}



/*pour la disposotion 2 objets*/
.deux_objets
{
width: 100%;
border-collapse: collapse;
margin-top:7px;
margin-bottom:7px;
margin-left: 0px;
margin-right: 0px;
}

.td_deux_objets
{
padding: 0px;
vertical-align:middle;
text-align: center;
}

/*pour les images*/

.obj_flottant_gauche_grande/*tableau*/
{
border-collapse:collapse;
float:left;
width: 350px;
margin-left: 0px;
margin-right: 5px;
margin-top:7px;
margin-bottom: 7px;
}

.obj_flottant_gauche_moyenne/*tableau*/
{
border-collapse:collapse;
float:left;
width: 220px;
margin-left: 0px;
margin-right: 5px;
margin-top:7px;
margin-bottom: 7px;
}

.obj_flottant_gauche_petite /*tableau*/
{
border-collapse:collapse;
float:left;
width: 80px;
margin-left: 0px;
margin-right: 5px;
margin-top:7px;
margin-bottom: 7px;
}

.obj_flottant_droite_grande/*tableau*/
{
border-collapse:collapse;
float:right;
width: 350px;
margin-left: 5px;
margin-right: 0px;
margin-top: 7px;
margin-bottom: 7px;
}

.obj_flottant_droite_moyenne/*tableau*/
{
border-collapse:collapse;
float:right;
width: 220px;
margin-left: 5px;
margin-right: 0px;
margin-top: 7px;
margin-bottom: 7px;
}

.obj_flottant_droite_petite/*tableau*/
{
border-collapse:collapse;
float:right;
width: 80px;
margin-left: 5px;
margin-right: 0px;
margin-top: 7px;
margin-bottom: 7px;
}

.obj_flottant_gauche_grande img, .obj_flottant_droite_grande img
{
width: 350px;
}

.obj_flottant_gauche_grande embed, .obj_flottant_droite_grande embed
{
width: 350px;
height: 294px;
}

.obj_flottant_gauche_moyenne img, .obj_flottant_droite_moyenne img
{
width: 220px;
}

.obj_flottant_gauche_moyenne embed, .obj_flottant_droite_moyenne embed
{
width: 220px;
hight: 185px;
}

.obj_flottant_gauche_petite img, .obj_flottant_droite_petite img
{
width: 80px;
}

.obj_flottant_gauche_petite embed, .obj_flottant_droite_petite embed
{
width: 80px;
hight: 67px;
}

.deux_images
{
	border-collapse:collapse;
	width: 270px;
	margin: auto;
	margin: 0px;
}

.deux_images img
{
width: 270px;
}




/* pour un objet sur le coté droit ou sur le coté gauche */
.mi_image_mi_objet /*tableau qui sépare la vignette en deux*/
{
border-collapse:collapse; 
width:100%; 
border:0px;
padding: 0px;
margin : 0px;
}


.mimo_texte_gauche
{
vertical-align:middle; 
}

.mimo_texte_droite
{
vertical-align:middle; 
}

.mimo_objet_moyenne
{
vertical-align:middle;  
width:220px;
}

.mimo_tab_obj_moyenne /*tableau dans lequel il y a l'image et la légende*/
{
border-collapse:collapse; 
width: 170px; 
}

.mimo_tab_obj_moyenne img
{
width: 170px;
}

.mimo_tab_obj_moyenne embed
{
width: 170px;
height: 142px;
}


.mimo_objet_grande
{
vertical-align:middle;  
width:340px;
}

.mimo_tab_obj_grande /*tableau dans lequel il y a l'image et la légende*/
{
border-collapse:collapse; 
width: 290px; 
}

.mimo_tab_obj_grande img
{
width: 290px;
}

.mimo_tab_obj_grande embed
{
width: 290px;
height: 243px;
}

.mimo_objet_petite
{
vertical-align:middle;  
width:150px;
}

.mimo_tab_obj_petite /*tableau dans lequel il y a l'image et la légende*/
{
border-collapse:collapse; 
width: 100px; 
}

.mimo_tab_obj_petite img
{
width: 100px;
}

.mimo_tab_obj_petite embed
{
width: 100px;
height: 84px;
}




/* gere pour un objet au centre */
.objet_centre_grande/*tableau*/
{
border-collapse:collapse;
width: 570px;
margin: auto;
margin-top: 7px;
margin-bottom: 7px;
}

.objet_centre_moyenne/*tableau*/
{
border-collapse:collapse;
width: 350px;
margin: auto;
margin-top: 7px;
margin-bottom: 7px;
}

.objet_centre_petite/*tableau*/
{
border-collapse:collapse;
width: 200px;
margin: auto;
margin-top: 7px;
margin-bottom: 7px;
}

/*gère les tableaux pour un objet au centre */
.tableau_centre_grande
{
	border-collapse:collapse;
	width: 570px;
	margin: auto;
	margin-top: 7px;
	margin-bottom: 7px;
}

.tableau_centre_grande td
{
	border: 1px solid #CCCCCC;
}

.tableau_centre_grande thead
{
	text-align: center;
	background-color: #CCCCCC 
}

.tableau_centre_petite
{
	border-collapse:collapse;
	width: 200px;
	margin: auto;
	margin-top: 7px;
	margin-bottom: 7px;
}

.tableau_centre_petite td
{
	border: 1px solid #CCCCCC;
}

.tableau_centre_petite thead
{
	text-align: center;
	background-color: #CCCCCC 
}

.tableau_centre_moyenne
{
	border-collapse:collapse;
	width: 350px;
	margin: auto;
	margin-top: 7px;
	margin-bottom: 7px;
}

.tableau_centre_moyenne td
{
	border: 1px solid #CCCCCC;
}

.tableau_centre_moyenne thead
{
	text-align: center;
	background-color: #CCCCCC 
}


/*gère les images pour l'objet au centre */
.objet_centre_petite img
{
width: 200px;
}

.objet_centre_moyenne img
{
width: 350px;
}

.objet_centre_grande img
{
width: 570px;
}

/* gere les video pour l'objet au centre*/
.objet_centre_grande embed
{
width: 570px;
height: 479px;
}

.objet_centre_moyenne embed
{
width: 350px;
height: 294px;
}

.objet_centre_petite embed
{
width: 200px;
height: 168px;
}



/*pour la disposotion 2 objets*/
.deux_objets
{
width: 100%;
border-collapse: collapse;
margin-top:7px;
margin-bottom:7px;
margin-left: 0px;
margin-right: 0px;
}

.td_deux_objets
{
padding: 0px;
vertical-align:middle;
text-align: center;
}

.deux_objets_bis
{
	border-collapse:collapse;
	width: 270px;
	margin: auto;
	margin: 0px;
}

.deux_objets_bis img
{
width: 270px;
}
.deux_objets_bis embed 
{
width: 270px;
height: 227px;
}

/*pour la disposition de 3 objets */
.trois_objets
{
width: 100%;
border-collapse: collapse;
margin-top:7px;
margin-bottom:7px;
margin-left: 0px;
margin-right: 0px;
}

.td_trois_objets
{
padding: 0px;
vertical-align:middle;
text-align: center;
}

.trois_objets_bis
{
	border-collapse:collapse;
	width: 175px;
	margin: auto;
	margin: 0px;
}

.trois_objets_bis img
{
width: 175px;
}

.trois_objets_bis embed
{
width: 175px;
height: 147px;
}



/* pour les formulaire*/
.formulaire_public textarea
{
	width: 480px;
	margin-left: 50px;
}

.envoyer
{
	margin-left:0px;
}

.elt_text
{
	margin-left: 15px;
	margin-bottom: 5px;
}

.elt_form
{
	margin-top:0px;
	margin-left: 50px;
}

.formulaire_envoyer
{
	text-align:center;
}

.formulaire_envoyer input
{
	font-weight:bold;
	font-size:1.1;
	color:#666666;
}