body {
background:url(image/gif/fond_tfce.gif) repeat-x top left;
padding-top:20px;
}
/*header*/
#header {
height:150px;
}
#contenu_header {
position:relative;
width:900px;
margin:auto;
}
a.logo {
display:block;
width:450px;
height:110px;
float:left;
background:url(image/gif/logo.gif) no-repeat top left;
}
.td_menu_secondaire {
text-align:center;
vertical-align:top;
padding:10px 0 0 140px;
}
a.menu_secondaire {
display:block;
color:white;
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
font-weight:lighter;
margin-bottom:6px;
}
a.menu_secondaire:hover {
text-decoration:none;
color:#374244;
}
.menu_secondaire_hover {
display:block;
color:#374244;
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
font-weight:lighter;
margin-bottom:6px;
}
/*menu*/
#preload {
background-image:url(image/gif/accueil.gif);
background-image:url(image/gif/accueil_over.gif);
}
#header #menu {
width:920px;
position:relative;
margin:auto;
height:40px;
clear:both;
}
#header #menu a {
display:block;
height:40px;
background-position:left top;
background-repeat:no-repeat;
text-indent:-5000px;
float:left;
}
#header #menu a.accueil {
background-image:url(image/gif/accueil2.gif);
width:140px;
border-right:#df3d82 1px solid;
}
#header #menu a.accueil:hover {
background-position:0 -40px;
}
#header #menu a.accueil_actif {
background-image:url(image/gif/accueil2.gif);
width:140px;
background-position:0 -40px;
border-right:#df3d82 1px solid;
}
#header #menu a.actua_hiver {
background-image:url(image/gif/autome_hiver.gif);
width:328px;
border-right:#df3d82 1px solid;
}
#header #menu a.actua_hiver:hover {
background-position:0 -40px;
}
#header #menu a.actua_hiver_actif {
background-image:url(image/gif/autome_hiver.gif);
width:328px;
background-position:0 -40px;
border-right:#df3d82 1px solid;
}
#header #menu a.printemps_ete {
background-image:url(image/gif/actua_pe.gif);
width:214px;
border-right:#df3d82 1px solid;
}
#header #menu a.printemps_ete:hover {
background-position:0 -40px;
}
#header #menu a.printemps_ete_actif {
background-image:url(image/gif/actua_pe.gif);
width:214px;
border-right:#df3d82 1px solid;
background-position:0 -40px;
}
#header #menu a.historique {
background-image:url(image/gif/historique2.gif);
width:187px;
}
#header #menu a.historique:hover {
background-position:0 -40px;
}
#header #menu a.historique_actif {
background-image:url(image/gif/historique2.gif);
width:187px;
background-position:0 -40px;
}
/* contenu*/
#contenu {
width:940px;
margin:auto;
height:auto;
background-color:white;
padding:20px 20px 30px 20px;
}
/*footer*/
#footer {
height:200px;
background:url(image/gif/fond_footer.gif) repeat-x top left;
}
.bas_tfce{
background:url(image/gif/bas_tfce.gif) no-repeat;
width:980px;
height:50px; 
margin:0 auto 0 auto; 
padding-bottom:50px;
}
.linkfooter {
text-align:center;
}
.linkfooter a {
display:block;
color:white;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-decoration:none;
float:left;
}
.linkfooter a:hover {
color:white;
text-decoration:underline;
}
.separateur_footer {
display:block;
background:url(image/gif/separateur_footer.gif) no-repeat top center;
width:19px;
float:left
}
.copyright {
text-align:center;
color:white;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;

}
a.medianet {
color:white;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
padding-left:5px;

}
a.medianet:hover {
color:#cf2680;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
}
.powredby{
text-align:center;
color:white;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;}
/**/
.tfce_au_coeur {
background:url(image/gif/tfce_au_coeur.gif) no-repeat top left;
width:681px;
height:62px;
}
.text_noir20 {
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#1a1717;
font-weight:lighter;
}
.text_gris20 {
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#8d8d8d;
font-weight:lighter;
}
.text_gris30 {
font-family:Arial, Helvetica, sans-serif;
font-size:28px;
color:#959595;
font-weight:bold;
}
.text_noir14 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#253032;
}
.text_rose20 {
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#df3d82;
font-weight:lighter;
}
.text_rose30 {
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
color:#df3d82;
font-weight:lighter;
}
.text_rose70 {
font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
font-size:70px;
color:#cf2680;
}
.text_rose_14 {
	font-size:14px;
	COLOR: #df3d82; 
	FONT-FAMILY: Arial; 	
	text-decoration:none;
}
#block_miniature {
width:900px;
margin:auto;
}
.miniature {
background:url(image/gif/fond_miniature.gif) no-repeat top left;
width:260px;
height:240px;
padding:12px;
}
.miniature a {
width:260px;
height:240px;
display:block;
}
.miniature a.text {
width:260px;
display:block;
}
.separateur_miniature {
display:block;
float:left;
}
.titre_bloc_gauche {
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
color:#b5b5b5;
}
.top_bloc {
background:url(image/gif/top_bloc.gif) no-repeat top left;
width:594px;
height:12px;
}
.top_bas {
background:url(image/gif/top_bas.gif) no-repeat top left;
width:594px;
height:22px;
}
.fond_bloc {
background:url(image/gif/fond_bloc.gif) no-repeat top left;
width:594px;
height:22px;
}
/*actualite*/
.coin_top_left {
background:url(image/gif/coin_top_left.gif) top left no-repeat;
width:22px;
height:22px;
}
.coin_top_right {
background:url(image/gif/coin_top_right.gif) top right no-repeat;
width:22px;
height:22px;
}
.coin_bottom_right {
background:url(image/gif/coin_bottom_right.gif) top right no-repeat;
width:22px;
height:22px;
}
.coin_bottom_left {
background:url(image/gif/coin_bottom_left.gif) top right no-repeat;
width:22px;
height:22px;
}
.top_actua {
background:url(image/gif/top.gif) bottom right repeat-x;
width:10px;
height:22px;
}
.bottom_actua {
background:url(image/gif/bottom.gif) top right repeat-x;
width:10px;
height:22px;
}
.left_actua {
background:url(image/gif/left.gif) top left repeat-y;
width:22px;
height:11px;
}
.right_actua {
background:url(image/gif/right.gif) top right repeat-y;
width:22px;
height:11px;
}
.puce_plus {
display:block;
width:24px;
height:23px;
margin:-13px -4px 2px -4px !important;
margin:-3px -4px 0 -4px;
position:absolute;
}
*+html .puce_plus {
display:block;
padding:10px 2px 2px 2px;
position:absolute;
height:1px;
width:24px;
}
/**/
.text_rose16 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#df3d82;
}
.text_rose14 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#df3d82;
}
.text_rose12 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#df3d82;
}
.text_noir12 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#2b373f;
}
.text_noir11 {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#2b373f;
}
.actualite {
padding:15px 0 0 0;
}
.block_rose {
background-color:#df3d82;
}
.coin_top_left_rose {
background:url(image/gif/top_left_rose.gif) bottom left no-repeat;
width:10px;
height:10px;
}
.coin_top_right_rose {
background:url(image/gif/top_right_rose.gif) bottom right no-repeat;
width:10px;
height:10px;
}
.coin_bottom_right_rose {
background:url(image/gif/bottom_right_rose.gif) top right no-repeat;
width:10px;
height:10px;
}
.coin_bottom_left_rose {
background:url(image/gif/bottom_left_rose.gif) top right no-repeat;
width:10px;
height:10px;
}
.text_blanc16 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:white;
}
.padding10 {
padding:10px;
}
.padding_top20 {
padding-top:20px;
}

.padding_top_bottom8 {
padding:8px 0;
}


/* bloc dash*/
.coin_top_left_p {
background:url(image/gif/top_left_p_bloc.gif) bottom left no-repeat;
width:12px;
height:12px;
}
.coin_top_right_p {
background:url(image/gif/top_right_p_bloc.gif) bottom right no-repeat;
width:12px;
height:12px;
}
.coin_bottom_right_p {
background:url(image/gif/bottom_right_p_bloc.gif) top right no-repeat;
width:12px;
height:12px;
}
.coin_bottom_left_p {
background:url(image/gif/bottom_left_p_bloc.gif) top right no-repeat;
width:12px;
height:12px;
}
.top_p {
background:url(image/gif/top_p.gif) bottom right repeat-x;
width:10px;
height:12px;
}
.bottom_p {
background:url(image/gif/bottom_p.gif) top right repeat-x;
width:10px;
height:12px;
}
.left_p {
background:url(image/gif/left_p.gif) top left repeat-y;
width:12px;
height:11px;
}
.right_p {
background:url(image/gif/right_p.gif) top right repeat-y;
width:12px;
height:11px;
}
/* */
.precedant {
display:block;
background: url(image/gif/precedant.gif) center center no-repeat;
padding-right:10px;
height:37px;
width:37px;
}
.suivant {
display:block;
background: url(image/gif/suivant.gif) center center no-repeat;
padding-left:10px;
height:37px;
width:37px;
}
.ref {
float:left;
background:url(image/gif/ref.gif) no-repeat top left;
width:40px;
height:20px;
margin:10px 10px 0 0;
}
.text_reference {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#df3d82;
padding:10px 0 0 0;
}
.puce_fleche {
background:url(image/gif/puce_rose.gif) no-repeat top left;
width:20px;
}
.menu_gauche {
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#b5b5b5;
text-decoration:none;
padding:8px 0;
}
.menu_gauche:hover {
color:#df3d82;
}
.menu_gauche_actif {
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#df3d82;
text-decoration:none;
padding:8px 0;
}
.float_min {
float:left;
margin-top:20px;
/*margin-right:21px;*/
}
.float_min_last {
float:left;
margin-top:20px;
}
/* bloc dash gris*/
.top_left_table_gris {
background:url(image/gif/top_left_table_gris.gif) top left no-repeat;
width:12px;
height:12px;
}
.top_right_table_gris {
background:url(image/gif/top_right_table_gris.gif) top right no-repeat;
width:12px;
height:12px;
}
.bottom_right_table_gris {
background:url(image/gif/bottom_right_table_gris.gif) top right no-repeat;
width:12px;
height:12px;
}
.bottom_left_table_gris {
background:url(image/gif/bottom_left_table_gris.gif) top right no-repeat;
width:12px;
height:12px;
}
.top_table_gris {
background:url(image/gif/top_table_gris.gif) top right repeat-x;
width:10px;
height:12px;
}
.bottom_table_gris {
background:url(image/gif/bottom_table_gris.gif) top right repeat-x;
width:10px;
height:12px;
}
.right_table_gris {
background:url(image/gif/right_table_gris.gif) top left repeat-y;
width:12px;
height:11px;
}
.left_table_gris {
background:url(image/gif/left_table_gris.gif) top right repeat-y;
width:12px;
height:11px;
}
.background_table_gris {
background-color:#f3f5f5;
}
/* bloc dash gris f*/
.top_left_table_gris_f {
background:url(image/gif/top_left_table_gris_f.gif) bottom left no-repeat;
width:12px;
height:12px;
}
.top_right_table_gris_f {
background:url(image/gif/top_right_table_gris_f.gif) bottom right no-repeat;
width:12px;
height:12px;
}
.bottom_right_table_gris_f {
background:url(image/gif/bottom_right_table_gris_f.gif) top right no-repeat;
width:12px;
height:12px;
}
.bottom_left_table_gris_f {
background:url(image/gif/bottom_left_table_gris_f.gif) top right no-repeat;
width:12px;
height:12px;
}
.top_table_gris_f {
background:url(image/gif/top_table_gris_f.gif) bottom right repeat-x;
width:12px;
height:12px;
}
.bottom_table_gris_f {
background:url(image/gif/bottom_table_gris_f.gif) top right repeat-x;
width:12px;
height:12px;
}
.right_table_gris_f {
background:url(image/gif/right_table_gris_f.gif) top left repeat-y;
width:12px;
height:11px;
}
.left_table_gris_f {
background:url(image/gif/left_table_gris_f.gif) top right repeat-y;
width:12px;
height:11px;
}
.background_table_gris_f {
background-color:#d6d9d9;
}
/* */
.navigation_link {
display:block;
float:left;
background:url(image/gif/bouton_navigation.gif) no-repeat top left;
height:26px;
width:33px;
padding:7px 0 0 0;
margin:3px 10px 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#c3c7c6;
font-weight:bold;
text-decoration:none;
text-align:center;
vertical-align:middle;
}
.navigation_link:hover {
color:#df3d82;
}
.navigation_link_actif {
display:block;
float:left;
background:url(image/gif/bouton_navigation.gif) no-repeat top left;
height:26px;
width:33px;
padding:7px 0 0 0;
margin:3px 10px 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#df3d82;
font-weight:bold;
text-decoration:none;
text-align:center;
vertical-align:middle;
}
.navigation_link_debut {
display:block;
float:left;
height:33px;
width:33px;
margin:3px 10px 0 0;
background:url(image/gif/bouton_navigation_debut.gif) no-repeat top left;
}
.navigation_link_fin {
display:block;
float:left;
height:33px;
width:33px;
margin:3px 10px 0 0;
background:url(image/gif/bouton_navigation_fin.gif) no-repeat top left;
}
.navigation_link_precedant {
display:block;
float:left;
height:33px;
width:33px;
margin:3px 10px 0 0;
background:url(image/gif/bouton_navigation_precedant.gif) no-repeat top left;
}
.navigation_link_suivant {
display:block;
float:left;
height:33px;
width:33px;
margin:3px 10px 0 0;
background:url(image/gif/bouton_navigation_suivant.gif) no-repeat top left;
}
Select.nbr_pages {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#636365;
width:53px;
height:20px;
border:#d1d1d3 1px solid;
padding:0 0 0 5px;
}
.nbr_pages {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#364244;
padding-right:10px;
width:130px;
}
input.recherche {
background:url(image/gif/fond_input_recherche.gif) no-repeat top right;
width:338px;
height:27px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#636365;
border:none;
padding:9px 2px 0 10px;
vertical-align:middle;
}
.recherche_article {
display:block;
width:180px;
height:36px;
background:url(image/gif/recherche_article.gif) no-repeat top left;
margin-left:20px;
border:none;
cursor:pointer;
}
.lien_mailto_rose {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ce3777;
text-decoration:none;
}
.lien_mailto_rose:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ce3777;
text-decoration:underline;
}
.text_label_contact {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#b5b5b5;
font-weight:bold;
}
input.contact {
width:406px;
height:23px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#b5b5b5;
border:#d9dcdc 2px solid;
padding:7px 0 0 10px;
margin:3px 0;
vertical-align:middle;
}
input.espace_client {
width:366px;
height:23px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#b5b5b5;
border:#d9dcdc 2px solid;
padding:7px 0 0 10px;
margin:4px 0;
vertical-align:middle;
}
textarea.contact {
width:406px;
height:68px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#b5b5b5;
border:#d9dcdc 2px solid;
padding:5px 0 0 10px;
}
.px {
display:block;
}
.bt_envoyer {
display:block;
background:url(image/gif/bt_envoyer.gif) no-repeat top left;
width:124px;
height:44px;
margin-top:20px;
}
.bt_envoyer:hover {
display:block;
background:url(image/gif/bt_envoyer_over.gif) no-repeat top left;
width:124px;
height:44px;
margin-top:20px;
}
.bt_annuler {
display:block;
background:url(image/gif/bt_annuler.gif) no-repeat top left;
width:124px;
height:44px;
margin-top:20px;
}
.bt_annuler:hover {
display:block;
background:url(image/gif/bt_annuler_over.gif) no-repeat top left;
width:124px;
height:44px;
margin-top:20px;
}
.sep {
background-color:#e5e3e1;
height:1px;
}
div.sep_dash {
background:url(image/gif/separateur_dash.gif) repeat-x left;
height:3px;
margin:16px 0;
}
div.sep_dash_10 {
background:url(image/gif/separateur_dash.gif) repeat-x left;
height:3px;
margin:10px 0;
}
.para {
background:url(image/gif/point.gif) top left no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#253032;
padding:0 0 0 20px;
}
.login {
background:url(image/gif/login.gif) no-repeat left center;
width:182px;
height:28px;
}
.password {
background:url(image/gif/mot_passe.gif) no-repeat left center;
width:182px;
height:28px;
}
.groupe {
background:url(image/gif/activite_textiles.gif) no-repeat top left;
width:183px;
height:81px;
}
.informations_utiles {
background:url(image/gif/informations_utiles.gif) no-repeat top left;
width:225px;
height:50px;
}
.coordonees {
background: url(image/gif/coordonees.gif) no-repeat top left;
width:170px;
height:42px;
}
.center{
text-align:center;
}
.btn_deconnexion{
background:url(image/gif/btn_deconnxion.gif)  left top no-repeat;
width:156px;
height:40px;
display:block;
}
.btn_retour{
background:url(image/gif/btn_retour.gif)  left top no-repeat;
width:124px;
height:44px;
display:block;
margin:10px  0 0 0;
}
.btn_retour:hover{
background:url(image/gif/btn_retour.gif)  left bottom no-repeat;
width:124px;
height:44px;
display:block;
margin:10px  0 0 0;
}
.btn_imprimer{
background:url(image/gif/btn_imprimer.gif)  left top no-repeat;
width:124px;
height:44px;
display:block;
margin:10px  0 0 0;
}
.btn_imprimer:hover{
background:url(image/gif/btn_imprimer.gif)  left bottom no-repeat;
width:124px;
height:44px;
display:block;
margin:10px  0 0 0;
}
.padding_left10{
padding-left:10px;
}
.padding_select {
padding:10px 0 10px 10px;
}
