/**************************/
/** CSS DU SITE LAWFICOM **/
/**************************/

/** REDEFINITION DE BALISE **/
html {
	padding: 0;
	margin: 0;
}

/* image de fond : les deux bandes marrons en haut de l'écran */
body {
	font-family: Arial;
	font-size: 11px;
	color: #000000;
	padding: 0;
	margin: 0;
	background-image: url('img/bg_ombres_portees.gif');
	background-repeat: repeat-y;
	background-position: center top;
	
}

input {
	font-family: Arial;
	font-size: 11px;
	padding:2px;
}

textarea {
	font-family: Arial;
	font-size: 11px;
	padding:2px;
}

img {
	border: none;
}

form {
	margin: 0;
	padding: 0
}

/** STRUCTURE DE LA PAGE **/

/** obligation d'imbriquer plusieurs conteneurs dans la balise body car il y a 3 images de fond différentes */
/* image de fond : les ombres portées sous la tour eiffel, et de part et d'autre de la colonne de droite */
#premier_conteneur {
	float: left;
	width: 100%;
	text-align: center;
	background-image: url('img/bg_bandes_marrons.gif');
	background-repeat: repeat-x;
}

/* image de fond : la tour eiffel */
#second_conteneur {
	float: left;
	width: 100%;
	text-align: center;
	background-image: url('img/bg_tour_eiffel.gif');
	background-repeat: no-repeat;
	background-position: center top;
}

/* le site centré */
#troisieme_conteneur {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	z-index: 1;
}

/* bandeau du haut (liens, bloc de login et visuel */
#header {
	float: left;
	display: inline;
	width: 980px;
	margin-left: 10px;
	background-image: url('img/bg_header.gif');
	background-position: top left;
	background-repeat: repeat-y;
}

#encart_login {
	float: right;
	width: 250px;
	height: 127px;
	background-image: url('img/bg_encart_connexion.gif');
	background-repeat: repeat-x;
	background-color: #780E10;
}

#titre_encart_login {
	float: left;
	width: 250px;
	text-align: center;
	color: #D1A254;
	margin: 8px 0 10px 0;
}

#platform_closed {
	float: 			left;
	display: 		inline;
	width: 			230px;
	color: 			#FFFFFF;
	text-align:		center;
	line-height: 	1.4em;
	font-size: 		12px;
	margin-left: 	10px;
}

#formumlaire_connexion {
	float: left;
	display: inline;
	width: 180px;
	color: #FFFFFF;
	line-height: 1.4em;
	font-size: 10px;
	margin-left: 69px;
}

#formumlaire_connexion a, #platform_closed a {
	color: #FFFFFF;
	text-decoration: underline;
}

#formumlaire_connexion a:hover, #platform_closed a:hove {
	text-decoration: none;
}

.champ_connexion {
    width: 103px;
    max-width: 102px;
    height: 10px;
    font-size: 10px;
    border-top: 1px solid #9F9F9F;
    border-left: 1px solid #9F9F9F;
    margin-bottom: 3px;
    clear: both;
}

.champ_connexion_big {
    width: 203px;
    max-width: 202px;
    height: 10px;
    font-size: 10px;
    border-top: 1px solid #9F9F9F;
    border-left: 1px solid #9F9F9F;
    margin-bottom: 3px;
    clear: both;
}

.bouton_connexion {
	margin-bottom: 2px;
	padding :0px;
}

.case_connexion {
	width: 10px;
	height: 10px;
	border: 1px solid #9F9F9F;
	margin: 1px 4px 2px 0;
}

#liens_utiles {
	float: left;
	width: 730px;
	height: 28px;
	background-image: url('img/bg_liens_utiles.gif');
	background-position: top left;
	background-repeat: repeat-y;
}

#liens_private
{
	float: left;
	display: inline;
	width: 100px;
	text-align: left;
	font-weight : bold;
	color: #780e10;
	font-size: 13px;
	margin: 6px 0px 0 10px;	
}

#liens_private a
{
	text-align: left;
	font-weight : bold;
	color: #780e10;
	text-decoration : none;
}

#liens_private a:hover {
	text-decoration: underline;
}

#liens_header {
	float: right;
	display: inline;
	width: 380px;
	text-align: right;
	color: #FFFFFF;
	font-size: 12px;
	margin: 6px 10px 0 0;
}

#liens_header a {
	color: #FFFFFF;
	text-decoration: none;
}

#liens_header a:hover {
	text-decoration: underline;
}

#drapeaux {
	float: left;
	display: inline;
	width: 120px;
	margin: 8px 0 0 8px;
}

#visuel_header {
	float: left;
	width: 730px;
	height: 99px;
}

/* colonne de droite avec tous les sponsors */
#colonne_droite {
	float: right;
	display: inline;
	width: 250px;
	height: 500px;
	min-height: 500px;
    height: auto !important;    
	margin-right: 10px;
	background-color: #FFFFFF;
}

#titre_colonne_droite {
	float: right;
	width: 250px;
	margin-bottom: 18px;
}

#image_colonne_droite {
	align : center;
}

.sponsor {
	text-align : center;
	float: left;
	width: 250px;
	margin: 0 0 20px 0px;
	
}

/* partie centrale du site (menu et textes) */
#central {
	float: left;
	display: inline;
	width: 730px;
	margin-left: 9px;
}

#contenu {
	float:left;
	min-height: 500px;
    height: auto !important;
    height: 500px;
}

#contenu a {
	color: #780E10;
	text-decoration: underline;
}

#menu {
	float: left;
	width: 730px;
	/*height: 47px;
	max-*/height: 45px;
	font-weight: bold;
	background-color: #F2EDE3;
	margin-bottom: 17px;
	border-top: 1px solid #DDC49B;
	border-bottom: 1px solid #DDC49B;
}

#onglet_1, #onglet_2 {
	float: left;
	display: block;
	/*width: 183px;
	max-*/width: 182px;
	/*height: 45px;
	max-*/height: 35px;
	text-align: center;
	color: #B69252;
	text-decoration: none;
	padding-top: 10px;
	border-right: 1px solid #DDC49B;
}

.onglet:hover, #onglet_selected {
	color: #FFFFFF;
	background-color: #D2C5AF;
}

#onglet_1_selected, #onglet_2_selected {
	float: left;
	display: block;
	/*width: 183px;
	max-*/width: 182px;
	/*height: 45px;
	max-*/height: 35px;
	text-align: center;
	color: #FFFFFF;
	background-color: #D2C5AF;
	text-decoration: none;
	padding-top: 10px;
	border-right: 1px solid #DDC49B;
}

#sous_menu_2 {
	position: absolute;
	top: 174px;
	left: 191px;
	/*width: 184px;
	max-*/width: 182px;
	z-index: 5;
}

.sous_menu {
	display: none;
	font-size: 10px;
	border: 1px solid #E4CDA7;
	border-top: none;
	background-color: #FAF8F5;
}

.sous_menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.sous_menu li {
	text-align: left;
	border-bottom: 1px solid #E4CDA7;
	background-color: #FAF8F5;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.sous_menu li a {
	display: block;
	height: 100%;
	padding: 6px 0 6px 15px;
	color: #886938;
	text-decoration: none;
}

.sous_menu li a:hover {
	color: #BF9F67;
	background-color: #F2EDE3;
}

.sous_menu a.premier_li {
	padding: 9px 0 6px 15px;
}

.sous_menu .dernier_li {
	border-bottom: 0px;
}

#onglet_3, #onglet_4 {
	float: left;
	display: block;
	width: 181px;
	/*height: 45px;
	max-*/height: 28px;
	text-align: center;
	color: #B69252;
	text-decoration: none;
	padding-top: 17px;
}

#onglet_3 {		
	/*width: 183px;
	max-*/width: 182px;
	border-right: 1px solid #DDC49B;
}

#onglet_1:hover, #onglet_2:hover, #onglet_3:hover, #onglet_4:hover {
	color: #FFFFFF;
	background-color: #D2C5AF;
}

/* pied de page */
#footer {
	float: left;
	display: inline;
	width: 710px;
	text-align: right;
	color: #BA985F;
	margin: 20px 0 0 10px;
}

#footer a {
	color: #BA985F;
	text-decoration: underline;
}

#footer a:hover {
	text-decoration: none;
}

/** UNIQUEMENT SUR LA PAGE D'ACCUEIL **/
#colonne_globale {
	width:100%;
	text-align:center;
	font-family: "Arial Narrow", Arial;
}

#colonne_1 {
	float: left;
	display: inline;
	width: 355px;
	margin-left: 10px;
	border-right: 1px solid #F5F0E8;
}

#colonne_2 {
	float: left;
	display: inline;
	width: 353px;
	margin-left: 10px;
}

#titre_accueil {
	float: left;
	width: 730px;
	text-align: center;
	color: #725A2C;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 12px;
}

#paragraphes_accueil {
	float: left;
	display: inline;
	width: 675px;
	font-family: "Verdana";
	font-size: 13px;
	text-align: left;
	margin: 0 0 6px 24px; 
}

.alinea {
	margin-left: 35px;
}

#lien_plus_photos {
	float: left;
	display: inline;
	width: 687px;
	text-align: right;
	margin: 0 0 15px 21px;
}

#lien_plus_photos a {
	font-size: 13px;
	color: #9d7f4b;
	text-decoration: underline;
}

#lien_plus_photos a:hover {
	text-decoration: none;
}

#video_home {
	float:		left;
	display:	inline;
	width:		425px;
	margin: 	0 0 15px 155px;
}	

.ligne_photos_accueil {
	float: left;
	display: inline;
	width: 687px;
	text-align: center;
	margin: 0 0 12px 21px;
}

.une_photo {
	float: left;
	width: 227px;
	font-weight: bold;
	font-size: 15px;
}

.une_photo img {
	margin-bottom: 8px;
}

#table_awards {
	float: left;
	display: inline;
	width: 675px;
	font-size: 12px;
	background-color: #F7F6F2;
	margin: 0 0 45px 24px;
	padding-bottom: 5px;
}

#awards_international {
	width: 263px;
	border-right: 1px solid #9D7F4B;
}

.awards_international {
	width: 163px;
	color: #000000;
	font-size: 13px;
	text-align: left;
	vertical-align: top;
	padding: 8px 5px 8px 20px;
	border-right: 1px solid #9D7F4B
}

#awards_france {
	width: 185px;
	border-right: 1px solid #9D7F4B
}

.awards_france {
	width: 185px;
	color: #000000;
	font-size: 13px;
	text-align: left;
	vertical-align: top;
	padding: 8px 5px 8px 20px;
	border-right: 1px solid #9D7F4B
}

#contenu a.full_list {
	color: #222222;
	font-size: 11px;
	text-decoration: underline;
}

#contenu a.full_list:hover {
	text-decoration: none;
}

#comments_book {
	width: 412px;
}

.comments_book {
	width: 492px;
	color: #000000;
	font-size: 14px;
	text-align: left;
	padding: 8px 20px 0 20px;
}

.en_dore {
	color: #9D7F4B;
}


.en_15 {
	font-size: 15px;
}

#awards_international, #awards_france, #comments_book {
	text-align: center;
	vertical-align: middle;
	color: #9D7F4B;
	font-weight: bold;
	font-size: 13px;
	border-bottom: 1px solid #9D7F4B;
	padding: 5px 0;
}

/** POUR TOUTES LES AUTRES PAGES by francois **/
#content {
	float: left;
	padding-left: 10px;	
}

.content_title {
	font-family: Georgia, Verdana;
	color: #780E10;
	font-size: 13px;
	font-weight: bold;	
	padding: 0px 0px 13px 0px;	
}

.content_body {
	padding : 0px;
}

.visuel_accueil_droite {
	float: right;
	display: inline;
	width: 162px;
	margin-right: 10px;
}

.visuel_accueil_gauche {
	float: left;
	width: 162px;
	margin-bottom: 18px;
}

.paragraphe_accueil {
	float: left;
	width: 343px;
	line-height: 1.3em;
	text-align: justify;
	padding-bottom: 10px;
	border-bottom: 1px solid #F5F0E8;
}

.paragraphe_accueil a {
	color: #780E10;
	text-decoration: underline
}

.paragraphe_accueil a:hover {
	text-decoration: none
}

.titre_paragraphe_accueil {
	font-family: Georgia, Verdana;
	color: #780E10;
	font-size: 16px;
	font-weight: bold;
}

.ligne_partners_titre {
	float: left;
	display: inline;
	width: 710px;
	margin-left: 10px;
	border-bottom: 1px solid #F5F0E8;
}

.ligne_partners {
	float: left;
	display: inline;
	width: 710px;
	text-align: justify;
	margin-left: 10px;
	padding: 10px 0;
	border-bottom: 1px solid #F5F0E8;
}

.ligne_partners img {
	vertical-align: middle;
	margin-right: 15px;
}


/* O2O */

#formulaire_deconnexion {
	text-align: center;
	float: left;
	display: inline;
	width: 100%;
	color: #FFFFFF;
	line-height: 1.4em;
	font-size: 10px;
}


a.bt_head{
background-image: url('/images/bg_bt.png');
width: 103px;
height: 16px;
padding: 3px 13px;
text-align: center;
color:#920D13;
text-decoration: none;
font-weight: bold;
clear: right;
margin: 2px;
}

.bouton_deconnexion {
	margin-top: 25px;
	margin-bottom: 10px;
}

#corps { width:730px;}

#corps_conteneur { padding:15px; padding-right:35px; }

#corps h1 { font-size:16px; }

#menu_connected {
	position:          relative;
	float:             left; 
	width:             730px;
	background-color:  #9D0B15; 
	height:            31px; 
	color:             #ffffff; 
	margin-top:        -17px;
}

#menu_connected .item a { 
    color:             #ffffff; 
}

#menu_connected .item a.selected { 
    text-decoration:    none;
    font-weight:        bold;
}

#menu_connected .item a:hover { 
    text-decoration:    none;
}

#menu_connected .item {float:left; padding-top:8px; padding-left:8px; font-size:13px;}
#menu_connected .search {float:right; padding-top:6px; padding-right:8px; font-size:13px;}
#menu_connected .search select { font-size:11px; }

#participants { margin-top:20px;}
.nb_participants { font-size:14px;}

.liste_participants { width:100%; border-collapse:collapse; border:1px solid #66382B; margin-top:15px; margin-bottom:15px;}
.liste_participants th { text-align:center; border:1px solid #66382B; background-color:#EAD1A8; font-weight:bold; padding:5px;}
.liste_participants td { text-align:center; vertical-align:middle; border:1px solid #66382B; padding:5px;}
.liste_participants_filters {
	color:					#9D0B15;
	font-weight:			bold;
	text-decoration:		underline;
}


#profile {}
#header_profile { border-bottom:1px solid #000000; margin-top:15px; padding-bottom:5px;}
#photo_profile { float:right;}
#infos_profile { float:left;}
#infos_profile .name { font-size:22px; margin-bottom:5px;}
#infos_profile .company {font-size:18px; margin-bottom:5px;}
#infos_profile .country {font-size:13px; margin-bottom:5px;}
#infos_profile .title {font-size:13px; margin-bottom:5px;}

#bio {margin-top:10px;}
#bio .titre {font-size:13px; font-weight:bold; margin-bottom:5px;}
#bio .texte { text-align:justify; font-size:12px; line-height:16px;}

#info_table { border-top:1px solid #000000; padding-top:13px; padding-bottom:5px;margin-top:7px;}
#info_table .texte { text-align:justify; font-size:12px; line-height:16px;}

#message { float: right; width:425px; border:1px solid #663829; padding:10px; margin-bottom:20px; margin-top:20px; }
#message textarea{ width:100%; height:150px; border:1px solid #663829; background-color:#F2F2F2; margin-bottom:8px;}
#message .send {  float: right; }

#slots {}
.liste_slots { width:100%; border-collapse:collapse; border:1px solid #D3A256; margin-top:5px; margin-bottom:15px;}
.liste_slots th { text-align:center; border:1px solid #D3A256; background-color:#EAD1A8; font-weight:bold; padding:5px;}
.liste_slots td { text-align:center; vertical-align:middle; border:1px solid #D3A256; padding:5px;}
.liste_slots .on { background-color:#780E10; color:#ffffff;}
.liste_slots .available { background-color:#F1E2CB; color:#000000; font-weight:bold;}
.liste_slots .unavailable { background-color:#A5A9AA; color:#ffffff; font-weight:bold;}

.bt_available { margin-right:20px;}
.bt_unavailable { margin-left:20px;}

#complete_profile {
	float:left;	
	width:350px;
}
	
#slot_availabilities {
	float:right;
	width:320px;
}

#form_profile td {text-align:right; padding:3px; font-weight:bold;}
#form_profile .email td {color:#830E14;}
#form_profile .email input {color:#830E14; font-weight:normal;}
#form_profile input { width:250px; border:1px solid #D2A155; background-color:#E3E0DB; font-weight:normal;}
#form_profile textarea { width:250px; height:108px; border:1px solid #D2A155; background-color:#E3E0DB; font-weight:normal;}

#register_slots { width:100%; border-collapse:collapse; border:1px solid #D2A155; margin-top:25px; margin-bottom:15px;}
#register_slots th { text-align:center; border:1px solid #D2A155; background-color:#EAD1A8; font-weight:bold; padding:5px;}
#register_slots td { text-align:center; vertical-align:middle; border:1px solid #D2A155; padding:5px;}
#register_slots td a { color:#B1B1B1; text-decoration:none; font-weight:bold; margin-left:10px; margin-right:10px; }
#register_slots td a:hover { color:#333333;}
#register_slots td a.on { color:#DC7E0C;}

.validate { float:right;}



/*************************/
/**     MY PLANNING     **/

#minplanning .liste_slots td {
	padding: 2px 1px 2px 1px;
	font-size: 10px;
}
#minplanning .liste_slots  a{
	color:#FFFFFF;
}
#contenu td.on a,
#minplanning td.on a{
    color: white;   
}

#contenu td.confirmed,
#minplanning td.confirmed {
    background-color:  #447A1D;
    color:             #ffffff;
}

#contenu td.confirmed a,
#minplanning td.confirmed a {
    color:             #ffffff;
}

#contenu td.warning,
#minplanning td.warning {
    background-color:  #D97F0A;
    color:             #ffffff;
}

#contenu td.warning a,
#minplanning  td.warning a {
    color:             #ffffff;
}


/**     MY PLANNING     **/
/*************************/




/*****************************/
/**     MEETING REQUEST     **/


#requestMeeting td {
	padding:3px; 
	font-weight:bold;
}

#requestMeeting input { 
    width:250px; 
    border:1px solid #D2A155; 
    background-color:#E3E0DB; 
    font-weight:normal;
}

#contenu #requestMeeting input.button { 
    width:              auto;	
    border:             1px solid #9D0B15;
    font-weight:        bold;
    background-color:   #D3A558;
    color:              #9D0B15;
    padding:            5px;
    padding-left:       25px;
    padding-right:      25px;
    text-transform:     uppercase;
    text-decoration:    none;
    letter-spacing:     2px;
    margin-top:         0px;
}

#requestMeeting #message { 
	/*float: right; */
	width:500px;
	border:1px solid #663829; 
	padding:10px; 
	margin-bottom:5px; 
	margin-top:0px; 
}
#requestMeeting #message textarea{ 
	width:494px; 
	height:150px; 
	border:1px solid #663829; 
	background-color:#F2F2F2; 
	margin-bottom:8px;
}

#requestMeetingDate{
    float: left;
    width: 40%;
}

#requestMeetingBio{
    float: left;	
    width: 60%;
}

#requestMeetingSendARequest, #requestMeetingSendAMessage {
    margin-top:     30px;
    float:          left; 
    width:          50%;
    font-weight:    bold;
}

#requestMeetingSendAMessage{
    text-align: right;	
    font-size: 1.5em;	
}

#requestMeetingSendARequest{
    font-size: 1.5em;	
}

/*** LAYER SEND A SIMPLE MESSAGE ***/
#SendSimpleMessage 		{ margin: 0px 0 10px 15px; text-align : center; font-weight: bold; font-size: 1.5em; }
#SendSimpleMessageForm 	{ margin: 0px 0 10px 15px; text-align : center; }
.SendSimpleMessageButton{ padding: 5px 10px 5px 10px; font-size: 1.2em; }

/**     MEETING REQUEST     **/
/*****************************/




a.buttonType{
    float:              none;
    padding-top:        4px;
    padding-bottom:     4px;
    padding-left:       5px;
    padding-right:      5px;
    background-color:   #DDD;
    border:             1px solid #9D0B15;	
    text-decoration:    none;
    font-weight:        normal;
    color:              #333;
}


#contenu a.button { 
    border:             1px solid #9D0B15;
    font-weight:        bold;
    background-color:   #D3A558;
    color:              #9D0B15;
    padding:            4px;
    padding-left:       25px;
    padding-right:      25px;
    line-height:        20px;
    text-transform:     uppercase;
    text-decoration:    none;
    letter-spacing:     2px;
    font-size:          0.8em;
}
.selectGrey{
    background-color:   #DDD;
    border:             1px solid #D2A155;  
    text-decoration:    none;
    font-weight:        normal;
    color:              #333;
}

/* Member */
#profile_update { width: 50%; float: left;}

.member_edit th { text-align : right; padding-top : 9px; padding-bottom : 5px;}
.member_edit input, textarea { border : 1px solid black;}

#slots2 { float : left; width : 50%; }
.liste_slots2 { border-collapse:collapse; margin : 60px 0px 0px 40px; font-size : 12px;}
.liste_slots2 th { text-align:center; border:1px solid #D2A155; background-color:#EAD1A8; font-weight:bold; padding:5px;}
.liste_slots2 td { text-align:center; vertical-align:middle; border:1px solid #D3A256; padding:5px 15px 5px 15px;}
.liste_slots2 td a { font-color : black;}

.available2 		{ color: green; font-weight:bold; display : inline; }
.available2bis 		{ display : inline; cursor: pointer; }
.unavailable2 		{ color: red;   font-weight:bold; display : inline; cursor : text; }


a.tooltip em {
    display:none;
}
a.tooltip:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}
a.tooltip:hover em {
	text-align: left;
    font-style: normal;
    font-size: 12px;
    display: block;
    position: absolute;
    top: 20px;
    left: -10px;
    padding: 5px;
    color: #000;
    border: 1px solid #780E10;
    background: #EAD1A8;
    width:170px;
}
a.tooltip:hover em span {
    position: absolute;
    top: -7px;
    left: 15px;
    height: 7px;
    width: 11px;
    background: transparent url(/images/image-infobulle.png);
    margin:0;
    padding: 0;
    border: 0;
}

.infobulle{
    position: absolute;
    left: 450px;
    display: none;
    width: 360px;
    max-width: 347px;
    line-height: 1.2em;
    color: #000000;
    font-size: 12px;
    text-align:justify;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    background-color: #fefcd7;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #000000;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-left-color: #000000; 
}

.infobulle_company{
    position: absolute;
    left: 240px;
    display: none;
    width: 360px;
    max-width: 347px;
    line-height: 1.2em;
    color: #000000;
    font-size: 12px;
    text-align:justify;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    background-color: #fefcd7;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #000000;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-left-color: #000000; 
}

.list_home {
	margin-top:			0;
}

.list_home li {
	list-style-type:	none;	
	list-style-image:	url('img/bg_ul_home.gif');	
}

/*************************************************/
/* Style pour les contacts */
/*************************************************/
#contact {
width:690px;
}

#general {
	float:left;
	width:450px;
}

#red {
	color: #900;
}

#italic {
	font-style:italic;
}

#photo {
float:left;
width:100px;
}

#contact_texte {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:2px;
height:96px;
}

.clearer
{
clear:both;
}

#tel {
float:left;
}

#contact_infos {
margin-top:10px;
padding:10px;
background-image:url(sep.jpg);
background-repeat:repeat-x;
background-position:top;
background-color:#f7f7f7;
}

/* css texte couleur */
.red {
color:#900;
font-weight:bold;
}


/* css bloc left */
#contact_corp_left {
float:left;
width:325px;
height:169px;
border:solid 1px #CCC;
margin-bottom:30px;
}

/* css bloc right */
#contact_corp_right {
float:right;
width:325px;
height:169px;
margin-left:10px;
margin-bottom:30px;
border:solid 1px #CCC;
}