a img {border: none;}
body {padding: 0; margin: 0; font-family: 'Roboto', sans-serif; height: 100px; min-width: 1240px; font-size: 100%;}

.full {position: relative; float: left; width: 100%; padding: 0; margin: 0; background-color: red;}
.page {position: relative; float: left; left: 50%; margin: 0 0 0 -550px; padding: 0 0; width: 1100px; }

.fulltop {background-color: #271e31; height: 60px; padding: 30px 0 ;}
.fullmenu { background-color: #f4f4f6; background-image: url(media/bg_menu.jpg); background-repeat: repeat-x; background-position: bottom; padding: 15px 0 20px 0; margin: 0 0 3% 0;}

.fullfooter {background-color: #f3f3f5; padding: 30px 0;}
.fullegue {background-color: #271e31;}

.col2thirds li em {font-style: normal; text-transform: uppercase; font-size: 0.8em; line-height: 200%; color: #555;}
.col2thirds p#small {font-size: 0.7em; color: #999; line-height: 180%;}
.fulltop #linktop { float: right; }
.fulltop #linktop li {float: left; list-style: none; margin: 0 20px 0 0px; color: #605061; }
.fulltop #linktop li a {font-size: 0.8em; color: white; text-decoration: none; padding: 5px 0 0 0;}
.fulltop #linktop li a:hover {text-decoration: underline;}
.fulltop #linktop li#lock a {display: block; height: 21px; width: 17px; background-image: url(media/picto_lock.png); background-position:  0 0; padding: 0; }
.fulltop #linktop li#galerix a {display: block; height: 21px; width: 27px; background-image: url(media/galerie.png); background-position:  0 0; padding: 0;  background-position:  0 3px; background-repeat: no-repeat; }
.fulltop #linktop li#lock a:hover {background-position:  0 -21px; }
.fulltop #linktop li#galerix a:hover {background-position:  0 -25px; }

.menu {margin: 0; padding: 0; float: left;}
.menu li {list-style: none; float: left; margin: 0 14px 0 0; padding: 0; text-align: center;}


#menuleft li a {float:left; display: block; height: 27px; width: 80px; margin: 0; padding : 50px 0 0 0; background-image: url(media/picto_events.png);
background-repeat: no-repeat; background-position:  center 0 ; font-size: 0.7em; text-decoration: none; color: #7a7a7a; font-weight: 400;}

#menuleft li a:hover {background-position:  center -82px; color: #e71963;}
#menuleft li#events a {background-image: url(media/picto_events.png);}
#menuleft li#travel a {background-image: url(media/picto_travel.png);}
#menuleft li#news a {background-image: url(media/picto_news.png);}

#menuright {float: right; margin : 0;}
#menuright li a {display: block; height : 50px ; width : 80px; font-size: 1.2em ; font-weight: 300; color: #7a7a7a; padding: 30px 0 0 0; text-decoration: none; }
#menuright li a:hover { color: #e71963;}



.col {float: left; position: relative; }

.col1third {  width: 30%; margin:  0 3.3% 0 0;  }

.col2thirds {  width: 66%;}

.colhalf {width: 45%; margin: 0 5% 0 0;}

.colfull {width: 100%; margin: 0 0; float: left; padding: 0; }

h1 {color: #444; letter-spacing: -1px; margin-top: 50px;}


form {width: 100%;}
label {width: 100%; margin: 0 0 2% 0; }
input {width: 96%; padding: 2%; margin: 2% 0 5% 0;}
textarea {width: 96%; padding: 2%; margin: 0;}
input.submit-button {width: 100px; margin: -30px 0 0 0; }
select {width: 100%; margin: 2% 0  6% 0; }

ul#contactjoli {padding: 0; margin: 23px 0 0 0;}
ul#contactjoli li {list-style: none; padding: 0 0 5px 0; margin: 0 10px 0 0; font-size: 0.9em; color: #333; }
ul#contactjoli li a {color: #333; text-decoration: none; }



.fullpink {float: left; width: 90%; padding: 5%; border-radius: 10px; background-color: #e71963; text-align: center;}
.fullpink ul {float: left; width: 70%;  margin: 0 0 30px 15%; padding: 0;}
.fullpink ul li {list-style: none; float: left; width: 33%;}

.fullpink h2 {color: white; letter-spacing: -1px; font-weight: 400; font-size: 2em; margin: 30px 0 40px 0;}
.fullpink h3 {color: #560120; letter-spacing: -1px; font-weight: 100; font-size: 1.5em; margin: 30px 0 40px 10%; width: 80%; }
.fullpink .twitters {background-color: blue; width: 400px; float: left;}
.fullpink a.btn, .twitters a.btn { display block; float: left; background-color: #951040; padding: 10px 14px ; border-radius: 5px; font-size: 0.8em; margin: 0 0 30px 30%; width: 28%; text-decoration: none; color: white; }
.fullpink a.btn:hover {background-color: #cb0e52; } 
.twitters a.btn {background-color: #b9b9bd; margin: 30px 0 15px 30%; width: 40%;  }
/* .twitters a.btn {background-color: #b9b9bd; margin: 30px 0 15px 35%; padding: 10px 14px 10px 30px; width: 30%;  } */
.twitters a.btn:hover {background-color: #ceced2;}

.toppink {float: left; width: 100%; padding: 0;  border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: #e71963; margin: 50px 0 0px 0; position: relative; overflow: hidden;}
.toppink img#pictograb {position: absolute; top: 23px; right: 17px;}
.ppurplebg img#pictograb { top: 205px; }

.pushy .ppurplebg img#pictograb { top: 175px; }

p.ppurplebg {float: left;}
ul.ppurplebgdetails {background-color: #f4f4f6; width: 100%; float: left; margin: 0; padding: 20px 0;}
ul.ppurplebgdetails li {list-style: none; float: left; margin: 0; padding: 0; width: 40%; margin: 0 0 3px 10%;  color: #7d8184; font-size: 0.7em;}

p.ppurplebgdetails {background-color: #f4f4f6; width: 90%; float: left; margin: 0; padding: 20px 5%; color: #7d8184; font-size: 0.7em;}
 
img.hrcol1third {margin: 0 0 0 -30px;}


/* .twitters {background-color: #f4f4f6; float: left; margin: 0 0 0 -24.5%; padding: 10%; width: 111.5%; } */
.twitters {background-color: #f4f4f6; float: left; margin: 0%; padding: 10% 10% 10% 7%; width: 83%; }



hr { width: 100%; clear: both; visibility: hidden; float: left; margin: 30px 0 0  0;}

.toppink p a {display: block; color: #111; text-decoration: none; float: left; padding: 5px 0 0 0; }
.toppink p img {float: left; margin: 0 10px 20px 7%;}

p.pbg {width: 80%; padding: 5% 10%; line-height: 140%; font-weight: 300; margin: 0  ; float: left;}
p.ppurplebg { float: left; background-color: #271e31; color: #d6d6d6; font-size: 0.9em; line-height: 140%; font-weight: 300; position relative;}
p.ppurplegrey {background-color: #f4f4f6; color: #111; padding: 7% 10%; }
p.ppurplegrey img {float: left; margin: 0 10px 0 0;}
p.ppurplegrey a {display: block; color: #111; text-decoration: none; float: left; padding: 5px 0 0 0;}
p.ppurplegrey a:hover {text-decoration: underline;}
p.ppurplegrey em a {font-size: 0.8em; line-height: 120%; padding: 0 0 0 10%;}



img#pictograb {position: absolute; top: 23px; right: 17px;}

img.pushproducts {width: 100%; margin: 30px 0 0 0 ;}
.pushy img.pushproducts { margin: 0px 0 0 0 ;}

.col2thirds p em { font-size: 1.2em; line-height: 140%; color: #898e92; font-style: normal; font-weight: 300; width: 95%; float:left; margin: 0 0 30px 0; }
.col2thirds p em a {color: #898e92; text-decoration: none; font-style: italic; }
.col2thirds p em a:hover {text-decoration: underline;}

.fullfooter p { color: #7d8184; font-weight: 300; line-height: 130%; font-size: 0.8em; margin: 0;  padding: 0 ; }
.fullfooter hr { margin: 10px 0;}

.fullfooter ul { margin: 0; padding: 0;  }
.fullfooter ul li {list-style: none; padding: 0; margin: 0 0 3px 0; color: #7d8184; font-weight: 300; line-height: 130%; font-size: 0.75em; text-decoration: none; }
.fullfooter ul li a {color: #7d8184; font-weight: 300; line-height: 130%;  text-decoration: none; }
.fullfooter ul li a:hover {text-decoration: underline;}

.fullegue {padding: 30px 0; font-size: 80%;}
.fullegue a {color: #d6d6d6; text-decoration: none; font-size: 0.8em; }
.fullegue a:hover {text-decoration: underline; color: white;}
.fullegue a em {font-size: 1.3em; font-style: normal; font-weight: 300; letter-spacing: 0;}

.accordion { width : 95% ; float: left; margin: 30px 0 10px 0; cursor: pointer; padding: 0 ; background-color: #f4f4f6; position: relative;}
.accordionButton { cursor: pointer; background-color: #271e31; padding: 15px 5%; line-height: 140%; font-weight: 300;  color: #d6d6d6; font-size: 0.9em; position: relative;}
.accordionButton p img#pictograb { top: 28px; }
.accordionContent {float: left; padding: 0 0 20px 0;}
.accordionContent ul { padding: 30px 0; float: left; width: 80%; margin:  0 10%;}
.accordionContent li { float: left; width: 100%; margin: 0 0 10px 0;  color: #7d8184; font-size: 0.8em; line-height: 140%;  }


.accordion h5 {float: left; width: 80%; margin:  10px 10%;  color: #7d8184; font-size: 0.8em; line-height: 140%;}
.accordion q { float: left; width: 80%; margin:  10px 10%;  color: #7d8184; font-size: 0.8em; line-height: 140%;}

#wrapper {width : 700px; float: left; float: left; margin: 0 0 50px 0;}


ul.half {padding: 0 ; margin: 0 5% 0 5% ; float: left; width: 40%; }
ul.half li {margin: 5px 0; color: #999; font-size: 0.9em; line-height: 130%;}
img.half {margin: 0 0 0 -5%  ; float: left; width: 50%;}

.pushy {height: 330px; padding: 0;}



@media only screen and (min-width: 1248px) {



}