/* Document CSS pages perso */
* {
margin:0;
padding:0;
}

body {
background:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
margin:0;
text-align:center;
}

.global {
margin:0 auto;
text-align:left;
width:950px;
}

.top {
background-image:url(img_style/top.gif);
float:left;
height:175px;
width:950px;
}

.logo_gipsa_v {
display:block;
float:left;
height:131px;
margin-top:19px;
width:58px;
}

.logo_gipsa_h {
display:block;
float:left;
height:32px;
margin-top:19px;
width:137px;
}

.top_img {
background-image: url("../../mes_images/maphoto.jpg");
border: medium none;
color: #FFFFFF;
float: right;
height: 130px;
margin-right: 17px;
margin-top: 22px;
padding-left: 1px;
width: 99px;
}

.top_left {
float:left;
height:175px;
width:137px;
}

.top_right {
float:left;
height:175px;
width:615px;
}

.top_name {
float:left;
height:36px;
margin-top:17px;
width:615px;
}

.top_name1 {
color:#666;
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
font-weight:700;
height:36px;
}

.top_name2 {
color:#666;
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
height:36px;
margin-right:10px;
margin-top:0;
}

.top_position {
color:#444;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
height:14px;
margin-top:4px;
text-align:right;
width:615px;
}

.top_menu {
color:#676767;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
height:16px;
margin-top:40px;
width:615px;
}

.top_menu_fr_en {
color:#676767;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
height:16px;
margin-top:7px;
width:615px;
}

.top_menu_fr_en ul li {list-style:none; display:inline;}

.menu {
color:#676767;
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
height:16px;
margin-left:12px;
}

.menu2 {
color:#333;
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:700;
height:16px;
margin-left:12px;
}

.menu_perso {
color:#676767;
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin-right:9px;
margin-top:10px;
width:160px;
}

.menu_version {
float:left;
height:20px;
margin-top:13px;
width:615px;
}

.menu_fr_en {
float:right;
height:20px;
text-align:center;
width:60px;
}

.menu_fr_en ul li {list-style:none; display:inline;}

a.fr_off {
background:url(img_style/fr_off.gif);
float:left;
height:15px;
width:27px;
}

a.en_off {
background:url(img_style/en_off.gif);
float:right;
height:15px;
width:27px;
}

.menu a {
color:#676767;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-style:normal;
font-weight:400;
height:16px;
text-decoration:none;
}

.menu a:hover {
color:#333;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-style:normal;
font-weight:400;
height:16px;
text-decoration:underline;
}

.cont_glob {
float:left;
width:950px;
}

.cont {
background:url(img_style/bg_cont.gif);
background-repeat:repeat-y;
float:left;
padding-bottom:4px;
width:950px;
}

.cont_infos {
float:right;
width:315px;
}

.vos_logos {
float:right;
margin-top:20px;
width:160px;
}

.vos_logos_cv {
border:0;
float:right;
margin-top:20px;
padding:10px 10px 10px 0;
width:305px;
}

.cont_cv {
color:#444;
float:left;
font-family:Arial, Helvetica, sans-serif;
line-height:18px;
width:600px;
}

.infos_cont {
color:#666;
float:left;
font-size:12px;
margin-top:10px;
width:295px;
}

.bg_infos {
background:url(img_style/bg_titre.gif);
background-repeat:repeat-y;
color:#444;
float:left;
margin-top:10px;
padding-left:15px;
width:280px;
}

.titre_cont {
float:left;
height:32px;
line-height:normal;
margin-bottom:20px;
margin-top:10px;
width:600px;
}

.bg_titre {
background:url(img_style/bg_titre.gif);
background-repeat:repeat-y;
float:left;
height:24px;
margin-top:6px;
width:18px;
}

.titre_cat {
background:url(img_style/bg_cont.gif);
color:#777;
float:left;
font-size:32px;
height:32px;
}

.contenu {
color:#444;
float:left;
font-family:Arial, Helvetica, sans-serif;
line-height:18px;
width:750px;
}

.marg_cont {
background:url(img_style/bg_cont.gif);
float:left;
height:25px;
width:950px;
}

.bg_bottom {
background:url(img_style/bg_bottom.gif);
float:left;
height:9px;
width:950px;
}

.contenu_bottom {
color:#676767;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
height:52px;
margin-top:3px;
width:950px;
}

.cont_bottom {
float:left;
height:52px;
line-height:18px;
}

.logo_bottom {
background-repeat:no-repeat;
float:right;
height:52px;
width:262px;
}

.link_puce a {
background-image:url(img_style/puce_menu_droit.png);
background-position:0 7px;
background-repeat:no-repeat;
display:block;
font-size:12px;
line-height:10pt;
padding-bottom:5px;
padding-left:12px;
padding-top:5px;
}

ul.link_puce li {list-style:none;}

.link_puce a:hover {
background-image:url(img_style/puce_menu_droit_hover.png);
color:#b578c9;
font-size:12px;
margin-left:2px;
text-decoration:none;
}

h1 {
color:#676767;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
margin-bottom: 2%;
}

h2 {
color:#676767;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
margin-bottom: 2%;
}

h3 {
color:#676767;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
margin-bottom: 1%;
}

h4 {
color:#676767;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin-bottom: 1%;
}

h5 {
color:#676767;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

h6 {
color:#676767;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:italic;
}

li {
list-style:inside;
}

a {
color:#984fb0;
font-size:13px;
font-weight:700;
outline:none;
text-decoration:none;
}

a:hover {
color:#984fb0;
font-size:13px;
font-weight:700;
text-decoration:underline;
}

.sign {
color:#676767;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

.txt_bold {
color:#777;
font-weight:700;
}

.noir {
color:#000;
}

.bleu {
color:#172983;
}

.cyan {
color:#009ee0;
}

.vert {
color:#009036;
}

.rouge {
color:#e2001a;
}

a.fr,a:hover.fr_off {
background:url(img_style/fr.gif);
float:left;
height:15px;
width:27px;
}

a.en,a:hover.en_off {
background:url(img_style/en.gif);
float:right;
height:15px;
width:27px;
}

.video {
float:left;
display:block;
}

table {border:1px solid #999; border-collapse:collapse;}
th {padding:6px; border:1px dotted #999; border-bottom:1px solid #999; background-color:#CCCCCC;}
td {padding:6px;border:1px dotted #cccccc;}



/* Personnal addings */

.detail {
	font-size: smaller;
}

.important {
	font-variant: small-caps;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.publi {
	margin-top: 1%;
	margin-left: 2em;
	list-style-position: outside;
}

.ref {
	margin-top: 1%;
	margin-left: 1.5em;
	list-style-type: none;
	list-style-position: outside;
}

li.ref .author {
	margin-left: -1.5em;
}

li.enum {
	list-style:decimal;
	list-style-position:outside;
	margin-left: 1.5em;
}

.social_network {
    text-align: center;
    list-style-type: none;
    width: 100%;
    /*border: 1px solid purple;*/
}

.social_network li {
    display: inline-block;
    margin-right: 5%;
    /*border: 1px solid red;*/
}

/* Redine titles */
h1 {
	margin-top: 3%;
}

h1.first {
	margin-top: 0%;
}


h2 {
	margin-top: 2%;
}

h3 {
	margin-top: 2%;
}

h4 {

}

h5 {
}

h6 {
}

.paragraph {
	margin-top: 1%;
	margin-bottom: 1%;
	text-align:justify;
}

hr {
  display: block;
  margin-top: 4%;
  margin-bottom: 0%;
  border-width: 1px;
}

#localMenu {
    display: inline-block;
    vertical-align: middle;
    list-style-type: none;
	text-align: center;
    width: 100%;
    margin-top: 1%;
    margin-bottom: 0%;

    font-size: 1em;
    /*border-top: 1px solid #2c2c2c;
    border-bottom: 1px solid #2c2c2c;*/
}

#localMenu li {
    display: inline-block;
	margin-left: 5%;
    margin-right: 5%;
}

.figure {
	margin-top: 3%;
	margin-bottom: 3%;
}

.figure img {
	display: block;
	margin: auto;
}

.figure p {
	margin-top: 1%;
	font-size: 11px;
	font-style: italic;
	text-align: center;
}

p.details {
	font-style: italic;
	font-size:11px;
	text-align:center;
	margin-top: 2%;
	margin-bottom: -3%;
}

table {
	margin: auto;
	text-align: center;
}

.audio  {
	width: 100%;
}
.audio td {
}
.audio td audio {
	width: 100%;
}

.gipsaPurple_bck {
	background-color: #562E5A;
	color: #FFFFFF;
}

.gipsaDAUTO_bck {
	background-color: #AE3462;
	color: #FFFFFF;
}

.gipsaBeige_bck {
	background-color: #E8E1D0;
}

.white_bck {
	background-color: #FFFFFF;
	color: #000000;
}

.black_bck {
	background-color: #000000;
	color: #FFFFFF;
}