/*---------------------------------------------------------- PARTIE GENERALE---------------------------------------------------------------------------*/

*
{
padding: 0;
margin: 0;
}

body
{
background: #cedae6 url("../img/pattern.gif") repeat-x;
}

div#page
{
position: relative;
width: 762px;
margin: 0 auto;

}

/*---------------------------------------------------------- PARTIE haute---------------------------------------------------------------------------*/

div#top
{
width: 762px;
height: 216px;
background: #4d87bb url("../img/logo_formation_veterinaire.gif") no-repeat;
margin: 0 auto;
}

.logo_retour_accueil
{

width: 760px;
height: 200px;
position:absolute;
/*border: 1px solid yellow;*/

}

/*---------------------------------------------------------- PARTIE Milieu---------------------------------------------------------------------------*/


div#middle
{
width: 762px;
margin: 0 auto;
background: url("../img/background_middle.gif") repeat-y;
margin-top: 0px !important;
margin-top: -10px;
}

 /*------------------------------------------------------Panneau Gauche - Général---------------------------------------*/

div#panneau_g
{
float: left;
width: 560px;
margin-left: 8px !important; /* pris en compte par Firefox */
margin-top: -10px !important; /* pris en compte par Firefox */
margin-left: 4px; /* pris en compte par IE*/
margin-top: -5px; /* pris en compte par IE*/
background: #fff;
}

div#panneau_g_2
{
float: left;
width: 740px;
margin-left: 8px !important; /* pris en compte par Firefox */
margin-top: -10px !important; /* pris en compte par Firefox */
margin-left: 4px; /* pris en compte par IE*/
margin-top: -5px; /* pris en compte par IE*/
background: #fff;
}

 /*------------------------------------------------------Panneau Gauche - Menu------------------------------------------*/



div#menu
{
float:left;
width: 185px;
margin-left: 5px !important; /* pris en compte par Firefox */
margin-left: 2px; /* pris en compte par IE*/
background: white;
}

ul#menu_g
{
list-style: none;
background: #f2f8fd;
border:1px solid #cad9f0;
}

ul#menu_g li
{
line-height: 20px;
margin-left:5px;
font-size: 0.8em;
}


ul#menu_g li a
{
color:#3376b3;
text-decoration: underline;
}

ul#menu_g li a:hover
{
text-decoration: none;
}


ul#menu_g #accueil_retour a
{
color:#104b80;
font-weight: bold;
text-decoration: none;
font-size: 1.3em;
}

ul#menu_g #accueil_retour a:hover
{
text-decoration: underline;
}

ul#menu_g #section_actuelle a
{
color:#d76e67;
text-decoration: none;
font-style: italic;
}

ul#menu_g #section_actuelle a:hover
{
text-decoration: underline;
font-style: normal;
}

 /*------------------------------------------------------Annonces-----------------------------------------*/

div#page_recherche
{
position: relative;
width: 820px;
margin: 0 auto;
background: white;
}


div#top_recherche
{
width: 820px;
height: 235px;
background: #fff url("../img/logo_formation_veterinaire_800.gif") no-repeat;
margin: 0 auto;
}

div#middle_recherche
{
background: url("../img/background_middle_800.gif") repeat-y;
width: 820px;
}


div#middle_recherche a
{
color:#3376b3;
text-decoration:none;
border-bottom: 1px dashed #3376b3;
margin-left:13px;
}

div#middle_recherche a:hover
{
color:#3376b3;
text-decoration: none;
border-bottom:none;
}

div#middle_recherche div#result_recherche
{
margin-left:13px;
}


div#middle_recherche h2
{
color:#bc834a;
margin-left: 13px;
font-style: italic
}


div#pied_recherche
{
background: #cedae6  url("../img/pied_800.gif") no-repeat;
width: 820px;
height: 60px;
margin-left: auto;
margin-right: auto;
margin-top:-2px;
}

div#pied_recherche p
{
text-align: center;
width: 795px;
}


div#pied_recherche a
{
color:#fff;
text-decoration: none;
border-bottom: 1px dashed white;
}


div#pied_recherche a:hover
{
color:#fff;
text-decoration: none;
border-bottom: none;
}


div#annonce_menu_haut
{
background: #f2f8fd;
border:1px solid #cad9f0;
height:150px;
margin-bottom: 10px;
margin-left:-1px
}

div#annonce_menu
{
width:160px;
background:white;

}


div#annonce_g
{
float:left;
width: 250px;
height:250px;
margin-right:15px;
margin-top:-8px;
background: white;
}



div#annonce_d
{
float:right;
width: 250px;
height:250px;
margin-right:15px;
margin-left:10px;
margin-top:-8px;
background: white;
}



div#annonce_index
{
width:450px;
height:15px;
margin-top:80px;
margin-left:10px;
margin-right:auto;
}



 /*------------------------------------------------------Panneau Gauche - Centre-----------------------------------------*/

div#panneau_g div#centre
{
float:right;
width: 365px;
margin-top:0px !important ;/* pris en compte par Firefox */
margin-top: 5px;/* pris en compte par IE */
}

div#panneau_g_2 div#centre_2
{
float:right;
width: 545px;
margin-top:0px !important ;/* pris en compte par Firefox */
margin-top: 5px;/* pris en compte par IE */
}

div#panneau_g div#centre p, div#panneau_g_2 div#centre_2 p
{
font-size: 0.9em;
background: #ffffff;
margin-left:10px;
line-height: 1.5em;
text-align: justify;

}


div#panneau_g_2 div#centre_2 p
{
font-size: 0.9em;
background: #ffffff;
margin-left:20px;
margin-right:20px;
line-height: 1.5em;
text-align: justify;

}


div#panneau_g div#centre a, div#panneau_g_2 div#centre_2 a
{
text-decoration: none;
border-bottom: 1px dashed #4a85bc;
color: #000;
}

div#panneau_g div#centre a:hover, div#panneau_g_2 div#centre_2 a:hover
{
text-decoration: none;
border-bottom: none;
color: #000;
}

div#panneau_g div#centre p:first-letter, div#panneau_g_2 div#centre_2 p:first-letter
{
margin-top: 1em;
font-size : 120%;
color:#83b5e4;
font-weight:bold;
border: none;
}


div#panneau_g div#centre h2, div#panneau_g_2 div#centre_2 h2
{
margin-left:19px;
color:#bc834a;
/*text-decoration:none;*/
/*-style: italic;*/
}

div#panneau_g div#centre h3, div#panneau_g_2 div#centre_2 h3
{
color:#83b5e4;
}

div#centre .butterfly, div#centre_2 .butterfly
{
float:right;
background: #fff url("../img/papillons_01.jpg") no-repeat;
width:62px;
height:53px;
}

div#centre_2 .photo_droite_2 img
{
float:right;
margin-left: 10px !important; /* pris en compte par Firefox */
margin-left: 5px; /* pris en compte par IE */;
border: 1px solid #c6cbd5;
}


 /*------------------------------------------------------Rollover Font --------------------------------------------------------*/

div#centre ul#font, div#centre_2 ul#font
{
float:right;
width: 49px;
height: 26px;
text-decoration: none;
border-bottom:none;
}

div#centre ul#font, div#centre_2 ul#font
{
background: transparent url("../img/aA2.gif") no-repeat;
}


div#centre ul#font li, div#centre_2 ul#font li
{   
padding: 0;
list-style: none;
position: absolute;
}

div#centre ul#font li, div#centre ul#font a, div#centre_2 ul#font li, div#centre_2 ul#font a
{
margin-top: -1px;
height: 27px;
display: block;
border:none; 
}

div#centre li#font_small, div#centre_2 li#font_small
{   
width: 19px;
}


div#centre li#font_big, div#centre_2 li#font_big
{ 
margin-left: 21px;  
width: 24px; 
}
/*
div#centre li#font_plan
 {
margin-left: 48px;  
width: 25px; 

} */
 
 
div#centre li#font_small a:hover, div#centre_2 li#font_small a:hover  
{
background: transparent url("../img/aA2.gif") -0px -25px no-repeat;
}

div#centre li#font_big a:hover, div#centre_2 li#font_big a:hover  
{
background: transparent url("../img/aA2.gif") -21px -25px no-repeat;
}

/*div#centre li#font_plan a:hover 
{
background: transparent url("../img/aA2.gif") -48px -25px no-repeat;
}*/




/*------------------------------------------------Formulaire-----------------------------------------*/


div#centre #formulaire 
{
position:relative;
margin-left: auto;
margin-right: auto;
width: 340px;
}


#formulaire p
{
color:black;
margin-top:20px;
}

div#centre #formulaire form
{
background-color:#fff;
margin-top: 25px;
}
div#centre #formulaire form p
{
margin-left: 2px;
margin-top: 0em;
}

div#centre #formulaire legend 
{
font-family:"trebuchet ms",sans-serif;
color:##3376b3;
font-size: 0.9em;
font-weight:bold;
}

div#centre #formulaire label
{
line-height: 7px;
margin-left: 2px;
margin-right: 7px;
font-size:14px;
background:#fff;
}

div#centre #formulaire input.text
{
background-color:#fff;
font-family:"trebuchet ms",sans-serif;
color:black;
height: 20px;
margin-top: 0em;
text-align: center;
width: 253px;
}

div#centre #formulaire input.text2
{
background-color:#fff;
font-family:"trebuchet ms",sans-serif;
color:black;
height: 1.3em;
margin-top: 0em;
text-align: center;
width: 95px;
}

div#centre #formulaire input.text3
{
background-color:#fff;
font-family:"trebuchet ms",sans-serif;
color:black;
height: 1.3em;
margin-top: 0em;
text-align: center;
width: 40px;
}


div#centre #formulaire input.boutton
{
border:1px solid black;
background-color:##3376b3;
font-family:"trebuchet ms",sans-serif;
color:#181818;
}

div#centre #formulaire input.boutton:hover

{
background-color: #fff;
color:black;
}

div#centre #formulaire input.boutton:active
{
background-color: #fff;
color:black;
}

#formulaire_nota
{
font-size: 10px;
text-align:right;
margin-left: 10px;
font-style: italic;
font-style: italic;
color:#000;
}

div#centre #formulaire #message
{
background-color: #fff;
color:black;
width: 325px;
}


div#reponse_mail
{
margin-top:50px;
margin-left: auto;
margin-right: auto;
width:340px;
text-align: center;
color:black;
font-size: 1.1em;
}

div#reponse_mail h1
{
margin-left:-100px;
color:red;

}



 /*------------------------------------------------------Panneau droit - Général------------------------------------------*/

div#panneau_d
{
float: right;
margin-right:10px !important; /* pris en compte par Firefox */
margin-top: -10px !important; /* pris en compte par Firefox */
margin-right: 5px; /* pris en compte par IE*/
margin-top: 0px; /* pris en compte par IE*/
width: 180px;
background: #fff;
/*border:1px solid red;*/
height: 50px;
}


.photo_droite img
{
margin-bottom: 30px;
margin-left: 10px !important; /* pris en compte par Firefox */
margin-left: 5px; /* pris en compte par IE */
border: 1px solid #c6cbd5;
}







 /*------------------------------------------------------BUG FLOAT --------------------------------------------------------*/
 
.separation 
{
clear:both;
visibility: hidden;
}


/*---------------------------------------------------------- PARTIE pied---------------------------------------------------------------------------*/


div#pied
{
width: 762px;
height: 51px;
margin-left: auto;
margin-right: auto;
background: #fff url("../img/pied.gif") no-repeat;

}


div#pied p
{
text-align: center
}


div#pied a
{
color:#fff;
text-decoration: none;
border-bottom: 1px dashed white;
}


div#pied a:hover
{
color:#fff;
text-decoration: none;
border-bottom: none;
}

div#yop
{
width:600px;
margin:0 auto;
color:#83AACD;
font-size: 0.7em;
}
div#yop a
{
color:/*#b7c7e5*/#83AACD;
font-size: 0.7em;
}